js實現(xiàn)文字列表無縫滾動效果
本文實例為大家分享了js文字列表無縫滾動的具體代碼，供大家參考，具體內容如下
創(chuàng)新互聯(lián)服務緊隨時代發(fā)展步伐，進行技術革新和技術進步，經過10年的發(fā)展和積累，已經匯集了一批資深網(wǎng)站策劃師、設計師、專業(yè)的網(wǎng)站實施團隊以及高素質售后服務人員，并且完全形成了一套成熟的業(yè)務流程，能夠完全依照客戶要求對網(wǎng)站進行成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿網(wǎng)站建設、建設、維護、更新和改版，實現(xiàn)客戶網(wǎng)站對外宣傳展示的首要目的，并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。
HTML代碼：
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
用戶185****0000 獲得XXX優(yōu)惠券
JavaScript代碼
var speed=50;
var list=document.getElementById('list');
var list2=document.getElementById('list2');
var rule=document.getElementById('rule');
list2.innerHTML=list.innerHTML;
function Marquee(){
if(list2.offsetTop-rule.scrollTop<=0)
rule.scrollTop-=list.offsetHeight;
else{
rule.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
rule.onmouseover=function() {clearInterval(MyMar)}
rule.onmouseout=function() {MyMar=setInterval(Marquee,speed)}以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁名稱：js實現(xiàn)文字列表無縫滾動效果
分享地址：http://m.jiaotiyi.com/article/jipgci.html