Simple jQuery content slide Plugin-Basic jQuery Slider
SummaryThe content slide plug-in allows you to display more content in a limited space. Many such plug-ins have been recommended for the Force Technology. Today, we also recommend a content slide plug-in-Basic jQuery Slider. Basic jQuery Slider is a lightweight and concise jQuery content slide plug-in, which is only 4.6kb after compression.
The content slide plug-in allows you to display more content in a limited space. Many such plug-ins have been recommended for the Force Technology. What you want to recommend today is a content slide plug-in-Basic jQuery Slider.
Basic jQuery Slider is a lightweight and concise jQuery content slide plug-in, which is only 4.6kb after compression. It can be used to display any HTML content such as text and images. This plug-in does not have many fancy functions. It only includes some basic functions and implements two animation switching effects: fade and slide. In addition to button navigation, it also supports keyboard control. The biggest feature of this plug-in is the support for custom theme styles, which can create a very beautiful effect. Frontend UI sharing
How to Use
First, introduce jQuery and Basic jQuery Slider plug-ins on the page.
. Code
- <Script src = "jquery-1.4.2.min.js"> </script>
- <Script src = "basic-jquery-slider.js"> </script>
Add the required HTML code below. ul must set class = "bjqs"
. Code
-
-
-
Initialize the plug-in and share the front-end UI
. Code
- $ ('# Slideshow'). bjqs ({
- 'Width': 940,
- 'Height': 340,
- 'Showmarkers': true,
- 'Showcontrols': true,
- 'Centermarkers': false
- });