您正在使用 IPV4 [3.236.145.110] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
悟空收录网       [公益]保护绿色环境,构建和谐社会      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 006
2024年 劳动节 033
2025年 元 旦 278
2025年 春 节 306
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
javascript实现文字无缝滚动效果
内容摘要: html部分:dlid='marquee'class='marquee'dtulclass='right-content'liahref='#'rel='externalnofollow'rel='externalnofollow'rel='externalnofollow'class='orderNum'BKCSHC161014002153/a/lilia......
html部分:

<dlid="marquee"class="marquee">

<dt>

<ulclass="right-content">

<li>

<ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"class="orderNum">BKCSHC161014002153</a>

</li>

<li>

<ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"class="orderNum">BKCSHC161014002153</a>

</li>

<li>

<ahref="#"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"class="orderNum">BKCSHC161014002153</a>

</li>

...

</ul>

</dt>

<dd></dd>

</dl>

js部分:

<script>

$(function(){

Marquee("marquee");

})

//订单滚动

varMarquee=function(id){

varcontainer=document.getElementById(id),

original=container.getElementsByTagName("dt")[0],

clone=container.getElementsByTagName("dd")[0],

liLength=original.getElementsByTagName("li").length,

speed=55;

if(liLength<=8){

return

}

clone.innerHTML=original.innerHTML;

varrolling=function(){

if(container.scrollTop===clone.offsetHeight){

container.scrollTop=0;

}

else{

container.scrollTop++;

}

}

vartimer=setInterval(rolling,speed)//设置定时器

container.onmouseover=function(){

clearInterval(timer)

}//鼠标移到marquee上时,清除定时器,停止滚动

container.onmouseout=function(){

timer=setInterval(rolling,speed)

}//鼠标移开时重设定时器

}

</script>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:JS实现一个秒表计时器

 

下一篇:div+css实现圆角背景文字导航条

发布日期:2021/12/10
手机扫二维码直达本页
发布时间:10:53:48
点  击:10
录  入:齐天大圣
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....