成都网站建设设计

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

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


标题名称:Jquery动画-无限循环滚动-创新互联
文章转载:http://chengdu.cdxwcx.cn/article/goces.html