JQuery plug-in bxSlider implements responsive focus graph
Excellent responsive jQuery focus chart plug-in bxSlider, excellent responsive layout design jQuery plug-in, self-fit
Any device, including videos, images, HTML, Touch devices, and user-defined functions
Callback, supports many parameter custom configurations, and supports Firefox, Chrome, Safari,
IOS, Android, and IE7 +.
Usage:
1. Load jQuery and plug-ins
1 2 3 4 5 6 |
<! -- JQuery library (served from Google) --> <Script src = "jquery/1.8.2/jquery. min. js"> </script> <! -- BxSlider Javascript file --> <Script src = "/js/jquery. bxslider. min. js"> </script> <! -- BxSlider CSS file --> <Link href = "/lib/jquery.bxslider.css" rel = "stylesheet"/> |
2. HTML content
1 2 3 4 5 6 |
<Ul class = "bxslider"> <Li> </li> <Li> </li> <Li> </li> <Li> </li> </Ul> |
3. function call
1 2 3 |
$ (Document). ready (function (){ $ ('. Bxslider'). bxSlider (); }); |
Please customize the function option configuration.