您好,登錄后才能下訂單哦!
功能:文字無(wú)縫滾動(dòng) (向左+向上)
向左滾動(dòng):
Jquery代碼:
<script language="javascript" type="text/javascript">
<!--
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//當(dāng)滾動(dòng)條到達(dá)右邊頂端時(shí)
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//當(dāng)滾動(dòng)條滾動(dòng)了初始內(nèi)容的寬度時(shí)滾動(dòng)條回到最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
var t = setInterval("scroll(document.getElementById('scrollobj'))",40);
$("#scrollobj").mouseover(function(){
clearInterval(t);
});//鼠標(biāo)經(jīng)常時(shí),停止?jié)L動(dòng)
$("#scrollobj").mouseout(function(){
setInterval(t = setInterval("scroll(document.getElementById('scrollobj'))",40))
});//鼠標(biāo)離開(kāi)時(shí),重新執(zhí)行函數(shù)
//-->
</script>
HTML代碼:
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;"><span>這里是要滾動(dòng)的內(nèi)容</span></DIV>
向上滾動(dòng):
Jquery代碼:
<script language="javascript">
var speed=30;
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo. {clearInterval(MyMar)};
demo. {MyMar=setInterval(Marquee,speed)};
</script>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。