亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

講解js滾動(dòng)條滾動(dòng)事件 js文字滾動(dòng)效果


講解js滾動(dòng)條滾動(dòng)事件 js文字滾動(dòng)效果

文章插圖
手機(jī)頁面移動(dòng)端 , 需求是文字向左無縫滾動(dòng)marquee特效 , 用了幾個(gè)都不行 , 達(dá)不到需求效果 , 有小bug , 最后用了下面的這個(gè)原生純js文字向左無縫滾動(dòng)marquee特效 , 我測(cè)試了沒有問題 , 可以正常使用它 , 原生純js代碼少 , 實(shí)用性強(qiáng) , 具體看下代碼 。
1.先看效果演示:
2.原生純js代碼如下:
var speed=10; //數(shù)字越大文字滾動(dòng)速度越慢
var tab=document.getElementById(“demo”);
var tab1=document.getElementById(“demo1”);
var tab2=document.getElementById(“demo2”);
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
var onOff = true;
var Time = setInterval(Chang,3000);
function Chang(){
if(onOff){
oFig.style.marginLeft=’-100%’;
onOff = false;
}else{
oFig.style.marginLeft=’0′;
onOff = true;
}
}


    以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

    「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助: