Js+CSS間斷和不間斷文本滾動(dòng)代碼

.noticebox{width:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;}

.noticebox ul{margin:0;padding:0}

.noticebox li{height:25px;line-height:25px;font-size:12px;text-align:center;list-style-type:none;}

• 第一行
• 第二行
• 第三行

• 第一行
• 第二行
• 第三行

function startmarquee(lh,speed,delay,index){

var t;

var p=false;

var o=document.getElementById("marqueebox"+index);

o.innerHTML+=o.innerHTML;

o.οnmοuseοver=function(){p=true}

o.οnmοuseοut=function(){p=false}

o.scrollTop = 0;

function start(){

t=setInterval(scrolling,speed);

if(!p){ o.scrollTop += 1;}

}

function scrolling(){

if(o.scrollTop%lh!=0){

o.scrollTop += 1;

if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;

}else{

clearInterval(t);

setTimeout(start,delay);

}

}

setTimeout(start,delay);

}

startmarquee(25,30,3000,0);

startmarquee(25,40,0,1);

總結(jié)

以上是生活随笔為你收集整理的php滚动公告源码,好用的滚动公告HTML代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。