简洁好用的jquery 焦点图插件:Basic jQuery Slider
2015-01-10 20:29
232 查看
官网地址:http://www.basic-slider.com/
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Basic jQuery Slider</title> <link rel="stylesheet" href="bjqs.css"> <!-- load jQuery and the plugin --> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/bjqs-1.3.min.js"></script> <script class="secret-source"> jQuery(document).ready(function($) { $('#banner-slide').bjqs({ animtype : 'slide', //动画类型:slide,fade height : 320, //显示图片控件的高度,px width : 620, //显示图片控件的宽度,px responsive : true, //是否立即响应 randomstart : true, //是否随机选择起始图片 // 动画设置 animduration : 450, // 动画持续时间 animspeed : 4000, // 动画延迟 automatic : true, // 是否自动切换 // 控件设置 showcontrols : true, // 是否在图上显示next,prev按钮 centercontrols : true, // 上述控件是否要垂直居中 nexttext : 'Next', // “下一页”功能按钮文字 prevtext : 'Prev', // “上一页”功能按钮文字 showmarkers : true, // 是否在图下面显示带有图序号的切换按钮 centermarkers : true, // 上述按钮是否水平居中 // 交互设置 keyboardnav : true, // 是否启用键盘操作 hoverpause : true, // 鼠标悬停时是否停止 }); }); </script> </head> <body> <div id="container"> <div id="banner-slide"> <ul class="bjqs"> <li><img src="img/banner01.jpg" title="Automatically generated caption"></li> <li><img src="img/banner02.jpg" title="Automatically generated caption"></li> <li><img src="img/banner03.jpg" title="Automatically generated caption"></li> </ul> </div> </div> </body> </html>
相关文章推荐
- jquery 插件 轻量级jquery焦点图 幻灯片效果 jquery.slider
- jQuery插件---文本框得到和失去焦点插件
- jQuery AnythingSlider滑动效果插件
- 好用的一个Jquery 遮罩插件 ---- simplemodal-demo-basic
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- jquery 插件 thickbox窗口 第一个控件获得焦点(解决第二次弹出窗口,文本不能输入数据)
- jQuery插件---slider-gallery.(仿MAC展示.)
- JQuery插件simplemodal-basic弹出层的使用
- JQuery幻灯片焦点图插件代码
- javascript城市选择器,jQuery.citypicker之后又一个清爽简洁的城市选择器插件,js城市选择器,js中国城市选择,城市选择js插件
- jquery焦点图插件
- jquery 插件 thickbox窗口 第一个控件获得焦点
- Coin Slider jQuery插件使用方法
- jquery插件系列之 - Slider滑块
- 分享另外一个jQuery的超酷幻灯插件:jQuery Chop Slider
- jQuery AnythingSlider滑动效果插件
- Coin Slider jQuery插件详解
- 分享另外一个jQuery的超酷幻灯插件:jQuery Chop Slider 2.0
- jquery插件小试牛刀:文本框为空时默认文字显示,获得焦点后默认文字消失
- javascriptMVC教程 -- 14.FuncUnit实例:完成jquery焦点图插件的自动化功能测试