利用appendChild 5行代码实现全兼容的文字滚动效果

< div  id ="d"  style ="width:300px;height:200px;" >
   < p > 1,你可曾有过无数的梦想， </ p >
   < p > 2,却在时光的流逝里幻灭  </ p >
   < p > 3,你可曾对未来期待憧憬， </ p >
   < p > 4,却在成长的岁月中迷失 </ p >
</ div >  
< script > ...
var t=setInterval(myfunc,1000)
function myfunc()...{ d.appendChild(d.firstChild)}
d.onmouseover=function()...{clearInterval(t)}
d.onmouseout=function()...{t=setInterval(myfunc,1000)}
</ script >