单行文字滚动
博客专区 > 0000001 的博客 > 博客详情
单行文字滚动
0000001 发表于3年前
单行文字滚动
  • 发表于 3年前
  • 阅读 224
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

function AutoScroll(obj){

$(obj).find("li:first").animate({

marginTop:"-36px"

},500,function(){

$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);

});

}

$(function(){

setInterval('AutoScroll("#scroll")',2000)

});


css: scroll-box li{ height:36px; line-height:36px; }

<div class="scroll">

<ul class="scroll-box" id="scroll">

<li>scroll</li>

<li>scroll</li>

<li>scroll</li>

<li>scroll</li>

</ul>

</div>


//多行滚动

$(function(){

var _wrap=$('ul.notice-hd');//定义滚动区域

var _interval=3000;//定义滚动间隙时间

var _moving;//需要清除的动画

_wrap.hover(function(){

clearInterval(_moving);

},function(){

_moving=setInterval(function(){

var _field=_wrap.find('li:first');

var _h=_field.height();

_field.animate({marginTop:-_h+'px'},600,function(){

_field.css('marginTop',0).appendTo(_wrap);

})

},_interval)

}).trigger('mouseleave');

});


共有 人打赏支持
粉丝 36
博文 140
码字总数 46256
×
0000001
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: