码迷,mamicode.com
首页 > 其他好文 > 详细

信息滚动

时间:2016-08-21 12:20:54      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:

1、单行信息滚动

setInterval(this.marquee,3000);
marquee: function(){
    var prizeul=$(‘#prizeul‘);//定义滚动区域
    var fli=prizeul.find(‘li:first‘);
    var flih=fli.height();//每次滚动高度
    fli.animate({
           marginTop:-flih+‘px‘
        },600,function(){//通过取负margin值,隐藏第一行
        fli.css(‘marginTop‘,0).appendTo(prizeul);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动
    })
},

2、鼠标移进停止滚动,移出继续滚动

var vid = setInterval(marquee,3000); 
$(‘.J-scroll‘).mouseenter(function(){ 
    clearInterval(vid); 
}).mouseleave(function(){ 
    vid = setInterval(marquee,3000);
});

 

信息滚动

标签:

原文地址:http://www.cnblogs.com/camille666/p/jquery_info_scroll.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!