兼容IE和FireFox的间隔滚动代码 不指定

admin , 2009/12/03 08:32 , 网站运营 , 评论(0) , 阅读(410) , Via 本站原创 | |




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>35sou.com - 兼容IE和FireFox的间隔滚动代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
* { font-size: 12px; font-family: Verdana,Tahoma,Arial; padding: 0; margin: 0; }
body { padding: 30px; }
a { color: #000; text-decoration: none; }
a:hover { color: #F60; }
#andyscroll {
    overflow: hidden;
    height: 18px;
    background: #E8F8F8;
    padding: 0 10px;
}
#scrollmessage {
    float: left;
    text-align: left;
}
#scrollmessage li {
    line-height: 18px;
}
-->
</style>
</head>
<body>

<div id="andyscroll">
<div id="scrollmessage">
  <ul>
    <li><a href="http://www.35sou.com/">上网做生意,首选商务搜</a></li>
    <li><a href="http://www.35sou.com/">中小企业的免费网络贸易平台</a></li>
  </ul>
</div>
</div>

<script type="text/javascript">
<!--
try{
  var marqueesHeight = 18;
  var stopscroll     = false;

  var scrollElem = document.getElementById("andyscroll");
  with(scrollElem){
    style.width     = 300;
    style.height    = marqueesHeight;
    style.overflow  = 'hidden';
    noWrap          = true;
  }

  scrollElem.onmouseover = new Function('stopscroll = true');
  scrollElem.onmouseout  = new Function('stopscroll = false');

  var preTop     = 0;
  var currentTop = 0;
  var stoptime   = 0;

      var leftElem = document.getElementById("scrollmessage");

  scrollElem.appendChild(leftElem.cloneNode(true));

      
  init_srolltext();

}catch(e) {}

function init_srolltext(){
  scrollElem.scrollTop = 0;
  setInterval('scrollUp()', 15);
}

function scrollUp(){
  if(stopscroll) return;
  currentTop += 1;
  if(currentTop == 19) {
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == 180) {
      currentTop = 0;
      stoptime = 0;
    }
  }else{
    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop = 0;
      scrollElem.scrollTop += 1;
    }
  }
}
//-->
</script>
</body>
</html>

作者:admin@我们生活的年代
地址:http://www.1598.net/read.php/106.htm
版权所有©转载时必须以链接形式注明作者和原始出处及本声明!

Tags: , , , ,
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]