SummaryContent Slider Plug-in allows you to display more content in limited space, before giving force technology has recommended several such plug-ins, today is recommended also a content slider plug-Basic jQuery slider. The Basic jquery slider is a lightweight, simple jquery content slider that is only 4.6kb in size after compression
Content Slider Plug-in allows you to display more content in limited space, before giving force technology has recommended several such plug-ins, today is recommended also a content slider plug- Basic jQuery slider.
The Basic jquery slider is a lightweight, simple jquery content slider that is only 4.6kb in size after compression. It can be used to display text, images and other arbitrary HTML content. This plugin does not have too many fancy features, only contains some basic functions, realizes the fade and slide two kinds of animation transition effect. In addition to using the button's navigation, it also supports keyboard control. The most important feature of this plugin is the ability to customize theme styles, which can create beautiful effects. Front-End UI sharing
How to use
First introduce the jquery and Basic jquery slider plugin in the page
. Code
- <script src="Jquery-1.4.2.min.js"></script>
- <script src="Basic-jquery-slider.js"></script>
The following add the required HTML code, UL must set class= "Bjqs"
. Code
- <div id="slideshow">
- <ul class="Bjqs">
- <li><!--any Content--></li>
- </ul>
- </div>
Finally initialize the plugin, front-end UI sharing
. Code
- $ (' #slideshow '). Bjqs ({
- ' width ' : 940,
- " height ' : 340 ,
- ' Showmarkers ' : true,
- ' Showcontrols ' : true,
- ' Centermarkers ' : false
- });
Ultra-concise jquery content slider plug-Basic jquery slider