js实现文字无缝向上滚动特效,当用户的鼠标经过滚动的文字时暂停滚动,移开后继续滚动显示,结合自己需求来修改。
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> <div align="center" id="wwwwumingren" style="overflow:hidden;height:212px;width:238px;font-size:14px;color:#990000;line-height:22px;text-align:left;padding:10px"> <div id="www_wuming_ren_1"> 欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码! </div> <div id="www_wuming_ren_2"></div> </div> <script type="text/javascript"> <!-- var wwwwumingren = document.getElementById("wwwwumingren"); var www_wuming_ren_1 = document.getElementById("www_wuming_ren_1"); var www_wuming_ren_2 = document.getElementById("www_wuming_ren_2"); var speed=50; //滚动速度值,值越大速度越慢 var nnn=200/www_wuming_ren_1.offsetHeight; for(i=0;i<nnn;i++){www_wuming_ren_1.innerHTML+="<br />"+ www_wuming_ren_1.innerHTML} www_wuming_ren_2.innerHTML = www_wuming_ren_1.innerHTML //克隆www_wuming_ren_2为www_wuming_ren_1 function Marquee(){ if(www_wuming_ren_2.offsetTop-wwwwumingren.scrollTop<=0) //当滚动至www_wuming_ren_1与www_wuming_ren_2交界时 wwwwumingren.scrollTop-=www_wuming_ren_1.offsetHeight //wwwwumingren跳到最顶端 else{ wwwwumingren.scrollTop++ //如果是横向的 将 所有的 height top 改成 width left } }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) var MyMar = setInterval(Marquee,speed); //设置定时器 wwwwumingren.onmouseover = function(){clearInterval(MyMar)} //鼠标经过时清除定时器达到滚动停止的目的 wwwwumingren.onmouseout = function(){MyMar = setInterval(Marquee,speed)} //鼠标移开时重设定时器 --> </script>
本文来自武鸣人网站,转载请注明出处