$(function(){ var time1 = new Date; var li = $("#marquee_1").find("li"); var w = li.size() * li.outerWidth(); console.log(w); $(".ab").css("width",w*2); var _html = $("#marquee_1").html(); $("#marquee_2").html(_html); function autoScroll(){ var s = $(".a").scrollLeft(); if(s >= w){ $(".a").scrollLeft(0); }else{ $(".a").scrollLeft(s + 1); } } var _scrolling = setInterval(autoScroll, 20); $(".a").hover(function(){ clearInterval(_scrolling); },function(){ _scrolling = setInterval(autoScroll,20); }) })
时间: 2024-04-28 08:23:14 浏览: 53
vb.net_Marquee-instance.rar_VB.net 跑马灯_marquee VB.NET_vb.net
这是一个使用 JavaScript 和 jQuery 实现的无缝滚动的代码,它会将一个包含多个 li 元素的 ul 列表水平滚动,当滚动到最后一个 li 元素时,会从第一个 li 元素重新开始滚动,实现无缝滚动的效果。其中,通过设置一个定时器 setInterval 实现自动滚动,鼠标悬停在滚动区域上时会清除定时器,鼠标移开时会重新设置定时器,实现自动滚动的效果。
阅读全文