AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
responsiveslides,jQuery全屏焦点图左右切换

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

效果图如下:

在线预览    源码下载

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><!-- Slideshow --><div class="callbacks_container"> <ul class="rslides" 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>


responsiveslides,jQuery全屏焦点图左右切换  
上一篇:js图片轮播特效代码分享  下一篇:jquery实现通用的内容渐显Tab选项卡效果