文章插圖
手機(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ì)您有所幫助：

• 發(fā)一條心情超級(jí)不爽的說說 發(fā)一條心情超級(jí)不爽的經(jīng)典句子
• 父親節(jié)溫馨祝福語匯總，精選10條父親節(jié)祝福句子 父親節(jié)祝福語
• 今日父親節(jié)，精選10條父親節(jié)祝福語，送給老爸的微信祝福句子 父親節(jié)祝福語
• 父親節(jié)子女祝福父親岳父 感恩父親祝福語30條精選 父親節(jié)祝福語
• 2022西安春節(jié)前能解封嗎 2022西安解封需要什么條件
• 2022西安解封最新時(shí)間通知 西安解封需要什么條件
• 講解linux清空某目錄內(nèi)文件 linux清空文件內(nèi)容
• 油條涼了也酥脆不回軟方法
• 鄭州暴雨的這些消息是謠言，網(wǎng)友：這時(shí)候造謠良心何在啊！ 普通話證報(bào)考條件
• 緊急辟謠！關(guān)于鄭州暴雨的這些消息別信別傳 普通話證報(bào)考條件