為什么這樣可以實(shí)現(xiàn)字幕滾動(dòng)效果呢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
<style type="text/css">
#d{position:absolute;background-color:#eee;left:100px;top:100px;}
#d div{font-size:25px;magin:5px;}
</style>
<script type="text/javascript">
function body_onload(){
var handle=setInterval(myfun,500);
var d=document.getElementById("d");
function myfun(){
d.appendChild(d.firstChild);
}
}
</script>
</head>
<body onload="body_onload()">
<div id="d">
? ? <div>我是字幕1</div>
? ? ? ? <div>我是字幕2</div>
? ? ? ? <div>我是字幕3</div>
? ? ? ? <div>我是字幕4</div>
? ? </div>
</body>
</html>
2018-04-06
話說(shuō)怎么讓他們橫著流動(dòng)？
2015-06-29
打一個(gè)簡(jiǎn)單的比喻,把這四個(gè)字幕div當(dāng)作釣魚(yú)的浮袍(把第一個(gè)取掉之后,后面的會(huì)浮上來(lái)).d.appendChild(d.firstChild)相當(dāng)于把第一個(gè)元素,插到隊(duì)尾,隊(duì)列第二個(gè)元素迅速成為第一個(gè)元素,如此循環(huán).不過(guò)此代碼還不夠完善,需要過(guò)濾掉非element子節(jié)點(diǎn).對(duì)dom操作或dom節(jié)點(diǎn)不熟悉,建議網(wǎng)上找找<<Javascript權(quán)威指南(6th)>>或<<JavaScript高級(jí)程序設(shè)計(jì)(2-3th)>>看一下.