符合标准的间隙间歇滚动代码(兼容IE和FireFox)

[ 发布者：未知┊来源：网页特效观止┊时间：2008-04-25┊浏览：人次 ]

符合标准的间隙滚动代码(兼容IE和FireFox

<!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>符合标准的间隙滚动代码(兼容IE和FireFox) - 网页特效观止-网页特效代码|JsCode.CN|</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><a href="#">1111111111111</a></li>
			<li><a href="#">22222222222</a></li>
			<li><a href="#">333333333333333</a></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>
<p>　</p>
<p>　</p>
<p>　</p>
<p>更多网页特效代码尽在 <a href="http://www.jscode.cn/">网页特效观止</a></p>
</body>

</html>

预览效果全选复制下载保存添加收藏使用讨论错误报告关闭此页

TAGS:标准间隙间歇滚动兼容

下一个特效：三组文字间隙、间歇滚动代码

本类相关信息

闪动的文字

超强论坛灌水工具---写大字板

代码冲突，请点击下面代码区域预览效果<style>body{background-color...

如何在一段文字里点一下就可以在里面...

如何在一段文字里点一下就可以在里面插入一段文字

符合标准的间隙间歇滚动代码(兼容IE和...

符合标准的间隙滚动代码(兼容IE和FireFox

您的位置:首页 > 网页特效代码 > 文本特效

符合标准的间隙间歇滚动代码(兼容IE和FireFox)

闪动的文字

超强论坛灌水工具---写大字板

如何在一段文字里点一下就可以在里面...

符合标准的间隙间歇滚动代码(兼容IE和...