间隔滚动效果－兼容IE和FireFox


答案：兼容IE与FF 
<!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>Code：间隔滚动效果－兼容IE和FireFox</title>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
<style type="text/css">   
<!--   
body { padding: 30px; font-size: 12px;}   
a { color: #000; text-decoration: none; }   
a:hover { color: #F60; }   
#scrollWrap {   
 width:300px;  
 height: 18px;   
 overflow: hidden;   
 background: #E6F6F6;   
}   
#scrollMsg {   
 float: left;   
 text-align: left;  
  padding:0 10px;  
}  
#scrollMsg ul {  
  margin:0;  
  padding:0;  
}  
#scrollMsg li {   
 line-height: 18px;   
  list-style:none;  
}   
-->   
</style>   
</head>   
<body>   
   
<div id="scrollWrap">   
<div id="scrollMsg">   
 <ul>   
 <li>14家国内银行启用CN新域名防诈骗</li>   
 <li>华军,天空就暂停迅雷下载发布最新公告</li>   
 <li>微软OneCare处子秀过关 拦住Word漏洞木马</li>   
 </ul>   
</div>   
</div>   
   
<script type="text/javascript">   
<!--   
try{   
 var isStoped = false;   
 var oScroll = document.getElementById("scrollWrap");   
 with(oScroll){   
 noWrap = true;   
 }   
   
 oScroll.onmouseover = new Function('isStoped = true');   
 oScroll.onmouseout = new Function('isStoped = false');   
   
 var preTop = 0;   
 var curTop = 0;   
 var stopTime = 0;   
 var oScrollMsg = document.getElementById("scrollMsg");  
   
 oScroll.appendChild(oScrollMsg.cloneNode(true));   
 init_srolltext();   
}catch(e) {}   
   
function init_srolltext(){   
 oScroll.scrollTop = 0;   
 setInterval('scrollUp()', 15);   
}   
   
function scrollUp(){   
 if(isStoped) return;   
 curTop += 1;   
 if(curTop == 19) {   
 stopTime += 1;   
 curTop -= 1;   
 if(stopTime == 180) {   
 curTop = 0;   
 stopTime = 0;   
 }   
 }else{   
 preTop = oScroll.scrollTop;   
 oScroll.scrollTop += 1;   
 if(preTop == oScroll.scrollTop){   
 oScroll.scrollTop = 0;   
 oScroll.scrollTop += 1;   
 }   
 }   
}   
//-->   
</script>   
</body>   
</html>
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：在window.setTimeout方法中传送对象
下一个：弹出自适应图片大小的窗口弹出窗口根据图片大小，自动判断高和宽。
更多图片编程知识: