jQuery网站新闻公告上下滚动自动轮播代码

 <div style="float:left;margin-left:6%">【今日头条】</div>
         
          <div class="notice_active">
<ul>
<li >
<a>111111111111111</a>                

</li>
<li >
<a>222222222222</a>                

</li>
<li>
<a>3333333333333333</a>                

</li>

</ul>   

</div>


 <style>
            .notice_active {
               float: left;
               width: 55%;
               height: 50px;  /*此高要等于父高*/
               padding: 0;
               overflow: hidden;
               position: relative;
               margin-left:16%;
           }
 </style>





 <script>
            var time = setInterval(function () {
                t();}, 5000)


            function t() {
                var he = $(".notice_active>ul>li").height();//找到li高
                $(".notice_active>ul>li").eq(0).appendTo($(".notice_active>ul")); //复制第一个到最后一个
                $(".notice_active>ul").animate({
                    "marginTop": "-" + he
                }, 500, function () {
                    $(".notice_active>ul").css({
                        "marginTop": 0
                    })
                })
            }
    </script>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值