无缝滚动公告(新闻)代码　－　简单好用

作者：我就是个世界发表于：2008-10-03

[HTML]

  无缝滚动公告代码　－　简单好用　——　www.husw.net

001 博客　无缝滚动公告代码

002　上网工具集

003　在线音乐

004　视频分享

005　在路上首页

006 网址大全

007 视频分享

008　斐林影像

009 58同城分类信息网

010　无缝滚动公告代码　－　简单好用　——　www.husw.net

[/HTML]
[color=#FF0000]下面是代码：[/color][separator]
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>无缝滚动公告代码　－　简单好用　——　www.husw.net</TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="husw,www.husw.net">
  <META NAME="Keywords" CONTENT="husw,www.husw.net,无缝滚动,公告,滚动公告,JS,代码">
  <META NAME="Description" CONTENT="无缝滚动公告代码,简单好用">
  <style>
  *{ padding:0; margin:0;}
  body{font-family: Arial, Helvetica, sans-serif; line-height:1.8; font-size:12px; background:url(http://husw.net/blog/template/linstyle.1/images/header_bg.jpg) no-repeat top left}
  #GG {margin:20px 200px;}
  #gonggao{ overflow:hidden; height:40px;}
  a:link,a:visited{color:#FFF;text-decoration:none;}
  a:hover,a:active{color:#FC0;text-decoration:underline;}
  li{background:url(http://husw.net/blog/template/linstyle.1/images/bullet-orange.gif) no-repeat 0px 3px;padding-left:16px;overflow:hidden}
  </style>
</HEAD>

  <BODY>
   <DIV id="GG">
    <ul id="gonggao">
      <li><a href="http://www.husw.net/blog/" target="_blank">001 博客　无缝滚动公告代码</a></li>
      <li><a href="http://www.husw.net/TOOL/" target="_blank">002　上网工具集</a></li>
      <li><a href="http://www.husw.net/MUSIC/" target="_blank">003　在线音乐</a></li>
      <li><a href="http://www.husw.net/VIDEO/" target="_blank">004　视频分享</a></li>
      <li><a href="http://www.husw.net/" target="_blank">005　在路上首页</a></li>
      <li><a href="http://www.husw.net/blog/" target="_blank">006 网址大全</a></li>
      <li><a href="http://www.husw.net/VIDEO/" target="_blank">007 视频分享</a></li>
      <li><a href="http://www.czfeeling.com/" target="_blank">008　斐林影像</a></li>
      <li><a href="http://changzhi.58.com/" target="_blank">009  58同城分类信息网</a></li>
      <li><a href="http://www.husw.net/" target="_blank">010　无缝滚动公告代码　－　简单好用　——　www.husw.net</a></li>
    </ul>
    <script type="text/javascript">
      //这里更改UL的ID
      var scrollnews = document.getElementById('gonggao');
      var lis = scrollnews.getElementsByTagName('li');
      var ml = 0;
      var timer1 = setInterval(function(){
         var liHeight = lis[0].offsetHeight;
         var timer2 = setInterval(function(){
          scrollnews.scrollTop = (++ml);
          if(ml == liHeight){
           clearInterval(timer2);
           scrollnews.scrollTop = 0;
           ml = 0;
           lis[0].parentNode.appendChild(lis[0]);
          }
         },10);
      },2000);
    </script>
  </DIV>
</BODY>
</HTML>[/code]

请发表您的评论

无缝滚动公告(新闻)代码 － 简单好用

无缝滚动公告(新闻)代码　－　简单好用