成都网站建设设计

将想法与焦点和您一起共享

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代码:

 


   

       

  • 1
  •        

  • 2
  •        

  • 3
  •        

  • 4
  •        

  • 5
  •  

CSS代码:

 

 

 

 

 

-----上传了源文件,有需要的自己下载下来看看吧!

附件:http://down.51cto.com/data/2362185

本文标题:Jquery动画-无限循环滚动
文章出自:http://chengdu.cdxwcx.cn/article/gscehh.html