文章标题

一种简单的jquery无缝滚动效果
将无缝滚动的部分写两份,也可以使用jquery动态的复制一份,节省空间,将两个并排摆放,结构和css都非常简单,这里只叙述jquery部分
//右边的按钮点击
(‘#next’).click(function () {  
      $(“#carousel”).animate({marginLeft:”-960px”},1500, function () {  
        $("#carousel .u1").appendTo($(“#carousel”));  
           $(“#carousel”).css(‘marginLeft’,’0px’);  
        });  
     })  ;  
     //左边的按钮点击
(‘#prev’).click(function () {
(“#carousel”).css(‘marginLeft’,’-960px’);("#carousel .u1").prependTo((“#carousel”));(“#carousel”).animate({marginLeft:”0px”},1500);
})
//自动轮播部分
var time2=setInterval(function(){
(“#carousel”).css(‘marginLeft’,’-960px’);("#carousel .u1").prependTo((“#carousel”));(“#carousel”).animate({marginLeft:”0px”},1500);
},3000);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值