文字水平左滚动

来源:互联网 发布:学好java的笨方法 编辑:程序博客网 时间:2024/04/30 06:31
<div id="demo" style="overflow: hidden; width: 100%; height: 20px"> <table width="1076" border="0" align="left" cellpadding="0" cellspace="0"> <tr> <td id="demo1" valign="top"><table cellspacing="0" cellpadding="0" width="960px" bgcolor="#fffbf7" border="0"> <tr align="center">                青海省人民医院 乐山市人民医院 广汉市人民医院 中山市电力局 徐州烟厂 山西省煤炭厅 国家审计局 北京市丰台区 北京市市管委 四川攀枝花市 眉山电力局 盐滩电业局 郑州天然气公司 新疆奎宁电力局 金堂县福兴镇政府 彭州市政府</tr> </table></td> <td id="demo2" valign="top"></td> </tr> </table> </div> <script type="text/javascript" language="JavaScript"> toleft("demo","demo1","demo2",30,"hehe123") function $(id){return document.getElementById(id)} function toleft(demo,demo1,demo2,speed,flag){ demo=$(demo);demo1=$(demo1);demo2=$(demo2) demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0){ demo.scrollLeft-=demo1.offsetWidth } else{ demo.scrollLeft++ } } flag=setInterval(Marquee,speed) demo.onmouseover=function(){clearInterval(flag);} demo.onmouseout=function(){flag=setInterval(Marquee,speed);} } </script><a href="http://localhost/drupal/?q=zh-hans/company/hzhb">详细</a><br>