Jquery动画-无限循环滚动
实现功能:
建网站原本是网站策划师、网络程序员、网页设计师等,应用各种网络程序开发技术和网页设计技术配合操作的协同工作。创新互联专业提供成都网站设计、成都网站制作,网页设计,网站制作(企业站、响应式网站、电商门户网站)等服务,从网站深度策划、搜索引擎友好度优化到用户体验的提升,我们力求做到极致!
1、当点击按钮的时,元素切换,切换到最后一个时,会自动切换回第一个,然后继续循环切换!
Jquery代码:
$(document).ready(function(){
$("#bb").click(function(){
$(".scroll ul").animate({
marginRight:"-25px"
},100,function(){
$(this).css({marginRight:"0px"}).find("li:first").appendTo(this);
});
});
});
HTML代码:
CSS代码:
-----上传了源文件,有需要的自己下载下来看看吧!
附件:http://down.51cto.com/data/2362185
网站栏目:Jquery动画-无限循环滚动
转载注明:http://scyanting.com/article/gscehh.html