海量企業網站模板 · 任您選擇
美出特色，精出品質，一切為了企業更好的營銷
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript文字無間斷滾動效果（文字上下無縫滾動）</title>
<meta name="description" content="javascript無間斷滾動效果（上下無縫滾動）" />
<meta name="keywords" content="javascript無間斷滾動效果（上下無縫滾動）" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</head>
<body>
<div id="newlist" onmouseover="clearInterval(timerluwei_1)" onmouseout="timerluwei_1=setInterval(marluwei_1,50)" style="float:left;width:200px;height:100px;border:1px #cccccc solid;overflow:hidden;">
<div id="newlist1">
<a href="http://www./" style="display:block;">網頁特效代碼</a>
<a href="http:///" style="display:block;">地坪</a>
</div>
<div id="newlist2">
</div>
</div>
<div id="hotlist" onmouseover="clearInterval(timerluwei_2)" onmouseout="timerluwei_2=setInterval(marluwei_2,50)" style="float:left;margin-left:30px;width:200px;height:100px;border:1px #cccccc solid;overflow:hidden;">
<div id="hotlist1">
<a href="/" style="display:block;">網頁特效代碼</a>
<a href="" style="display:block;">地坪</a>
</div>
<div id="hotlist2">
</div>
</div>
<script language="javascript">
//第1個滾動框
var tluwei_1=getid("newlist"),t1luwei_1=getid("newlist1"),t2luwei_1=getid("newlist2"),shluwei_1=getid("show"),timer;
t2luwei_1.innerHTML=t1luwei_1.innerHTML;
function marluwei_1(){
if(t2luwei_1.offsetTop<=tluwei_1.scrollTop)
tluwei_1.scrollTop-=t1luwei_1.offsetHeight;
else
tluwei_1.scrollTop++;
}
timerluwei_1=setInterval(marluwei_1,50);
//第2個滾動框
var tluwei_2=getid("hotlist"),t1luwei_2=getid("hotlist1"),t2luwei_2=getid("hotlist2"),shluwei_2=getid("show"),timer;
t2luwei_2.innerHTML=t1luwei_2.innerHTML;
function marluwei_2(){
if(t2luwei_2.offsetTop<=tluwei_2.scrollTop)
tluwei_2.scrollTop-=t1luwei_2.offsetHeight;
else
tluwei_2.scrollTop++;
}
timerluwei_2=setInterval(marluwei_2,50);
function getid(id){
return document.getElementById(id);
}
</script>
</body>
</html></td>
</tr>
</table>
蘇公網安備32058302005702號