符合标准的间隙滚动代码(兼容IE和FireFox)
2009-06-22 23:11
661 查看
<!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) - 网页特效观止-网页特效代码|demo.021web8.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://demo.021web8.cn/">零点星辰文摘网</a></p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>符合标准的间隙滚动代码(兼容IE和FireFox) - 网页特效观止-网页特效代码|demo.021web8.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://demo.021web8.cn/">零点星辰文摘网</a></p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 符合标准的间隙滚动代码(兼容IE和FireFox)
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- 无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee
- 无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- JS无间隙滚动向左、向右、向上、向下兼容IE,firefox
- 图片连续滚动代码[兼容IE/firefox]
- javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)
- 文字横向无缝滚动代码（IE FireFox兼容）
- javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)
- 图片大小随鼠标滚动而改变的兼容IE和firefox的代码
- 兼容IE和FireFox的间隔滚动代码
- 兼容IE和FireFox的间隔滚动代码
- 图片大小随鼠标滚动而改变的兼容IE和firefox的代码[转]
- 公告向上滚动代码(兼容IE、Firefox)
- 兼容IE\Firefox,支持W3C XHTML标准---------漂浮广告代码
- javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)
- 可以滚动任意对象的代码.符合web标准,支持IE,Firefox
- 图片连续滚动代码[兼容IE/firefox]
- 多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准