阅读:4288回复:2
[求助]垂直滚动
为什么这代码在FIREFOX中无效?是不是CSS的问题?
但是去除了"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">"后又可以,怎么回事? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <script type="text/javascript"> //<![CDATA[ var marqueeContent=new Array(); // marqueeContent[0]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">aaa</a><br>'; marqueeContent[1]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">Ҿaaa</a><br>'; marqueeContent[2]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">aaa</a><br>'; marqueeContent[3]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">ҿ϶aaa</a><br>'; var marqueeInterval=new Array(); var marqueeId=0; var marqueeDelay=2000; var marqueeHeight=20; function initMarquee() { var str=marqueeContent[0]; document.write('<div id="marqueeBox" style="overflow:hidden;height:'+marqueeHeight+'px;height:'+marqueeHeight+'px transparent !important;" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee(); //]]> </script> </body> </html> |
|