兼容IE和火狐FireFox的符合标准的文字间隙js滚动代码
发布:onlinerun | 发布时间: 2008年8月15日这种效果就是文字 滚动一下停顿下 然后再滚动 无间断的滚动,代码如下:
<!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的符合标准的文字间隙js滚动代码</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>
</body>
</html>
- 相关文章:
js之设为首页和添加到收藏夹js代码 (2008-8-15 22:53:32)
判断浏览器到底ie还是火狐浏览器的js代码 (2008-7-20 1:10:46)
兼容火狐浏览器的最简单实现时间走动的js代码 (2008-7-20 1:4:43)
- 2.美丽的心情
- http://lijigang.cnblogs.com
- 不错,很好的JS代码!在火狐和IE下都能正常使用,非常感谢您!
- 2008-11-21 6:26:37 回复该留言
- 1.美丽的心情
- http://lijigang.cnblogs.com
- 不错支持一下,很好的js!在IE和火狐下都可用,非常感谢您!
- 2008-11-21 6:24:56 回复该留言
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。





