jquery实现焦点图片随机切换效果的方法_jquery
- WBOY原创
- 2016-05-16 16:10:121064浏览
本文实例讲述了jquery实现焦点图片随机切换效果的方法。分享给大家供大家参考。具体如下：
1. 运行效果如下图所示：
2.完整实例代码点击此处本站下载。
3.完整代码如下：
复制代码 代码如下:
<script><br /> <br /> $(function(){<br /> var easings = [];<br /> var row = 0;<br /> for(var x in jQuery.easing){<br /> if (x != 'linear' && x != 'swing') {<br /> easings[row++] = x;<br /> }<br /> } <br /> <br /> $('#slides').slides({<br /> preload: true,<br /> preloadImage: 'img/loading.gif',<br /> play: 5000,<br /> pause: 2500,<br /> slideEasing: "swing", <br /> slideSpeed : 2000,<br /> hoverPause: true,<br /> animationComplete: function(current) {<br /> var index = Math.floor(Math.random() * easings.length);<br /> jQuery.easing.def = easings[index];<br /> }<br /> });<br /> });<br /> </script>
希望本文所述对大家的jQuery程序设计有所帮助。
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn