一个广州市工商首页滚动效果

2015/02/25 29763
<html>
<head>
<title>广州红盾信息网</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>
<body>

<DIV style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 530px; HEIGHT: 81px; OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px" id=demo onmouseover=stopscroll(); onmouseout=doscroll()><DIV style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; PADDING-TOP: 0px" id=demo1><A href="http://www.gzaic.gov.cn/jrgs/mzpy/index.htm" target=_blank><IMG alt=民主评议政风行风工作专栏 src="http://www.gzaic.gov.cn/images/zfxfzl.png" width=200 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/wmcs/index.htm" target=_blank><IMG alt=创建全国文明城市专栏 src="http://www.gzaic.gov.cn/images/cw.gif" width=168 height=81></A> <A href="http://www.gzaic.gov.cn/zwgk/zwgkml/qt/jcgg/index.htm" target=_blank><IMG alt=监测结果公告专栏 src="http://www.gzaic.gov.cn/images/jcjggg.jpg" width=168 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/xxf/" target=_blank><IMG alt=新消法宣传 src="http://www.gzaic.gov.cn/images/xxf.jpg" width=240 height=81></A> <!--<a href="http://www.gzaic.gov.cn/GZAIC_Portal/WebUI/yjzj/index.htm" target=_blank><img src="images/whbs.jpg" alt="广州市商事登记制度改革民意征集专栏" width="168" height="81"/></a>--><A href="http://sztz.gzaic.gov.cn/index.htm" target=_blank><IMG alt=肉品质量安全公共服务专栏 src="http://www.gzaic.gov.cn/images/rpsafept.gif" width=176 height=81></A> <A href="http://www.gzaic.gov.cn/spjy/index.html" target=_blank><IMG alt=网络商品交易与服务 src="http://www.gzaic.gov.cn/images/spjy.jpg" width=244 height=81></A> <A href="http://www.gzfood.net/" target=_blank><IMG alt=广州市食品安全信息专栏 src="http://www.gzaic.gov.cn/images/gzfoodlogo.gif" width=168 height=81></A> <A href="http://m.dayoo.com/120171/" target=_blank><IMG alt=学雷锋网购学堂 src="http://www.gzaic.gov.cn/images/wgxt.jpg" width=168 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/sdzl/index.htm" target=_blank><IMG alt="" src="http://www.gzaic.gov.cn/images/nj.jpg" width=200 height=81 两建?工作专栏?></A> <!--<a href="jrgs/qzlx/index.htm" target=_blank><img src="images/qzlx.gif" alt="群众路线专栏" width="250" height="81"/></a>--><A href="http://netadreg.gzaic.gov.cn/advertM/" target=_blank><IMG alt=广告监测咨询服务 src="http://www.gzaic.gov.cn/images/gd002.gif" width=240 height=81></A> <A href="http://disc.gzaic.gov.cn:9582/" target=_blank><IMG alt=反腐倡廉专栏 src="http://www.gzaic.gov.cn/images/home_20.gif" width=208 height=81></A> <A href="http://www.gzaic.gov.cn/gfxzql/" target=_blank><IMG alt=广州市工商局规范行政权力公开运行 src="http://www.gzaic.gov.cn/images/xzgf/xzgf.gif" width=192 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/mzpy/index.htm" target=_blank><IMG alt=民主评议政风行风工作专栏 src="http://www.gzaic.gov.cn/images/zfxfzl.png" width=200 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/wmcs/index.htm" target=_blank><IMG alt=创建全国文明城市专栏 src="http://www.gzaic.gov.cn/images/cw.gif" width=168 height=81></A> <A href="http://www.gzaic.gov.cn/zwgk/zwgkml/qt/jcgg/index.htm" target=_blank><IMG alt=监测结果公告专栏 src="http://www.gzaic.gov.cn/images/jcjggg.jpg" width=168 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/xxf/" target=_blank><IMG alt=新消法宣传 src="http://www.gzaic.gov.cn/images/xxf.jpg" width=240 height=81></A> <!--<a href="http://www.gzaic.gov.cn/GZAIC_Portal/WebUI/yjzj/index.htm" target=_blank><img src="images/whbs.jpg" alt="广州市商事登记制度改革民意征集专栏" width="168" height="81"/></a>--><A href="http://sztz.gzaic.gov.cn/index.htm" target=_blank><IMG alt=肉品质量安全公共服务专栏 src="http://www.gzaic.gov.cn/images/rpsafept.gif" width=176 height=81></A> <A href="http://www.gzaic.gov.cn/spjy/index.html" target=_blank><IMG alt=网络商品交易与服务 src="http://www.gzaic.gov.cn/images/spjy.jpg" width=244 height=81></A> <A href="http://www.gzfood.net/" target=_blank><IMG alt=广州市食品安全信息专栏 src="http://www.gzaic.gov.cn/images/gzfoodlogo.gif" width=168 height=81></A> <A href="http://m.dayoo.com/120171/" target=_blank><IMG alt=学雷锋网购学堂 src="http://www.gzaic.gov.cn/images/wgxt.jpg" width=168 height=81></A> <A href="http://www.gzaic.gov.cn/jrgs/sdzl/index.htm" target=_blank><IMG alt="" src="http://www.gzaic.gov.cn/images/nj.jpg" width=200 height=81 两建?工作专栏?></A> <!--<a href="jrgs/qzlx/index.htm" target=_blank><img src="images/qzlx.gif" alt="群众路线专栏" width="250" height="81"/></a>--><A href="http://netadreg.gzaic.gov.cn/advertM/" target=_blank><IMG alt=广告监测咨询服务 src="http://www.gzaic.gov.cn/images/gd002.gif" width=240 height=81></A> <A href="http://disc.gzaic.gov.cn:9582/" target=_blank><IMG alt=反腐倡廉专栏 src="http://www.gzaic.gov.cn/images/home_20.gif" width=208 height=81></A> <A href="http://www.gzaic.gov.cn/gfxzql/" target=_blank><IMG alt=广州市工商局规范行政权力公开运行 src="http://www.gzaic.gov.cn/images/xzgf/xzgf.gif" width=192 height=81></A> </DIV></DIV>
          <!--滚动的javascript-->
          <script> 
          var t=demo.scrollWidth 
          demo1.innerHTML+=demo1.innerHTML 
          function doMarquee() 
          { 
          demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth 
          } 
          function doscroll() 
          { 
             sc=setInterval(doMarquee,20) 
          } 
          function stopscroll() 
          { 
             clearInterval(sc) 
          } 
          doscroll() 
          </script>


</body>
</html>
代码片段
