功能:文字無縫滾動 (向左+向上)
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了天橋免費(fèi)建站歡迎大家使用!
向左滾動:
Jquery代碼:
<script language="javascript" type="text/javascript">
<!--
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//當(dāng)滾動條到達(dá)右邊頂端時(shí)
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//當(dāng)滾動條滾動了初始內(nèi)容的寬度時(shí)滾動條回到最左端
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動
$("#scrollobj").mouseout(function(){
setInterval(t = setInterval("scroll(document.getElementById('scrollobj'))",40))
});//鼠標(biāo)離開時(shí),重新執(zhí)行函數(shù)
//-->
</script>
HTML代碼:
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;"><span>這里是要滾動的內(nèi)容</span></DIV>
向上滾動:
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>
當(dāng)前題目:JQuery文字無縫滾動
鏈接地址:http://chinadenli.net/article6/gpcsig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、App設(shè)計(jì)、網(wǎng)站收錄、網(wǎng)站營銷、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)