Javascript 仿歌词智能滚动代码

　　保证浏览者能看清楚文字，然后继续上下滚动。

<html> 
<head> 
<title>文本滚动</title> 
<style type="text/css"> 
#infozone{font-size:12px;color:#aa6;overflow:hidden;width:98px;height:20px;} 
#infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20tc%3B%20%0D%0Awindow.onload%3Dfunction()%7B%20%0D%0Avar%20o%3Ddocument.getElementById('infozone')%3Bhscroll(o)%3B%20%0D%0Awindow.setInterval(function()%7Bwindow.clearTimeout(tc)%3Bo.firstChild.style.marginLeft%3D'0px'%3Bscrollup(o%2C20%2C0)%3B%7D%2C8000)%3B%20%0D%0A%7D%20%0D%0Afunction%20scrollup(o%2Cd%2Cc)%7B%20%0D%0Aif(d%3D%3Dc)%7B%20%0D%0Avar%20t%3Do.firstChild.cloneNode(true)%3B%20%0D%0Ao.removeChild(o.firstChild)%3Bo.appendChild(t)%3B%20%0D%0At.style.marginTop%3Do.firstChild.style.marginTop%3D'0px'%3B%20%0D%0Ahscroll(o)%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Ach%3Dfalse%3Bvar%20s%3D3%2Cc%3Dc%2Bs%2Cl%3D(c%3E%3Dd%3Fc-d%3A0)%3B%20%0D%0Ao.firstChild.style.marginTop%3D-c%2Bl%2B'px'%3B%20%0D%0Awindow.setTimeout(function()%7Bscrollup(o%2Cd%2Cc-l)%7D%2C50)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20hscroll(o)%7B%20%0D%0Avar%20w1%3Do.firstChild.offsetWidth%2Cw2%3Do.offsetWidth%3B%20%0D%0Aif(w1%3C%3Dw2)return%3B%20%0D%0Atc%3Dwindow.setTimeout(function()%7Bhs(o%2Cw1-w2%2C0%2Cw1-w2)%7D%2C3500)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20hs(o%2Cd%2Cc%2Cp)%7B%20%0D%0Ac%2B%2B%3Bvar%20t%3D(c%3E0%3F-c%3Ac)%3Bo.firstChild.style.marginLeft%3Dt%2B'px'%3B%20%0D%0Aif(c%3D%3Dd)%7Bif(d%3D%3D0)%7Btc%3Dwindow.setTimeout(function()%7Bhs(o%2Cp%2C0%2Cp)%7D%2C2500)%3B%7Delse%20tc%3Dwindow.setTimeout(function()%7Bhs(o%2C0%2C-p%2Cp)%7D%2C3500)%3B%7D%20%0D%0Aelse%20tc%3Dwindow.setTimeout(function()%7Bhs(o%2Cd%2Cc%2Cp)%7D%2C5)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="infozone"><div>青花瓷（周杰伦）</div><div>一生有你（水木年华）</div><div>神话（孙楠、韩红）</div> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程