jquery-图片特效,如何实现图片的轮换(二)

来源:互联网 发布:游戏源码吧 编辑:程序博客网 时间:2024/05/15 17:14
接着上一篇文章来

http://blog.csdn.net/hexudong08/article/details/7205728


现在图片能够轮换,现在我想对图片加些特效,该怎么办呢?
特效需要使用jquery 的animate方法

具体参考:
http://www.w3school.com.cn/jquery/effect_animate.asp
接着写代码

修改一下js代码即可

$(function(){var w = 707;var l = $("ul li").length;var speed = 500;var i = 1;$("ul").width(w*l);setInterval(function(){i = (i+1) % l;$("ul").animate({"marginLeft": "-"+i*w+"px",}, speed);},3000);    });


原创粉丝点击