手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jQuery全屏焦点图左右切换插件responsiveslides
基于jQuery全屏焦点图左右切换插件responsiveslides
摘要:基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载。效果图如下:在线预览源码...

基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载。

效果图如下:

基于jQuery全屏焦点图左右切换插件responsiveslides1

在线预览 源码下载

html代码:

<script type="text/javascript"> $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, timeout:4000, pager: true, pauseControls: true, namespace: "callbacks" }); }); </script> </head> <body> <> <div> <ul id="slider"> <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li> <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li> <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li> <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li> </ul> </div> </body>

【基于jQuery全屏焦点图左右切换插件responsiveslides】相关文章:

JavaScript正则表达式之multiline属性的应用

jQuery实现页面内锚点平滑跳转特效的方法总结

js获取字符串字节数方法小结

简单获取键盘的KeyCode

原生js实现的贪吃蛇网页版游戏完整实例

基于jquery实现下拉框美化特效

分享十五款 jQuery 社交网络分享插件

jquery实现图片左右切换的方法

jQuery实现的多屏图像图层切换效果实例

基于jQuery实现的无刷新表格分页实例

精品推荐
分类导航