jquery無縫向上滾動實現代碼_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:07:57
jquery無縫向上滾動實現代碼_jquery
jquery無縫向上滾動實現代碼_jquery:JS部份 代碼如下: $(function(){ var $this = $(.renav); var scrollTimer; $this.hover(function(){ clearInterval(scrollTimer); },function(){ scrollTimer = setInterval(function(){ scrol
導讀jquery無縫向上滾動實現代碼_jquery:JS部份 代碼如下: $(function(){ var $this = $(.renav); var scrollTimer; $this.hover(function(){ clearInterval(scrollTimer); },function(){ scrollTimer = setInterval(function(){ scrol

JS部份
代碼如下:
$(function(){
var $this = $(".renav");
var scrollTimer;
$this.hover(function(){
clearInterval(scrollTimer);
},function(){
scrollTimer = setInterval(function(){
scrollNews( $this );
}, 2000 );
}).trigger("mouseout");
});
function scrollNews(obj){
var $self = obj.find("ul:first");
var lineHeight = $self.find("li:first").height();
$self.animate({ "margin-top" : -lineHeight +"px" },600 , function(){
$self.css({"margin-top":"0px"}).find("li:first").appendTo($self);
})
}
HTML部份
代碼如下:
羅氏 瑞聲達 未添加1 未添加2 未添加3 未添加4 西門子 歐姆龍
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery無縫向上滾動實現代碼_jquery
jquery無縫向上滾動實現代碼_jquery:JS部份 代碼如下: $(function(){ var $this = $(.renav); var scrollTimer; $this.hover(function(){ clearInterval(scrollTimer); },function(){ scrollTimer = setInterval(function(){ scrol