js文本不断向上滚动代码

时间：2022-07-02 13:59:52 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<html>  
<HEAD>  
<TITLE>自动向上滚动的文本，鼠标放上去就停止</TITLE>  
<META content="text/html; charset=gb2312" http-equiv=Content-Type>  
<STYLE type=text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>>  
#demo a {   
width:100%;   
overflow:hidden;   
font:12px/16px tahoma;   
display:block;   
text-decoration:none;   
margin:2px;   
color:#4a551c;   
padding-left:2px;   
text-align:left;   
}   
#demo a:hover {   
color:#ff6600;   
}   
</STYLE>  
</HEAD>  
<body>  
<div id="demo" style="overflow:hidden; border:1px solid #dde5bc;">  
<div id="demo1">  
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>  
<a href="#">网页教学网收集整理，希望大家多提意见</a>  
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>  
<a href="#">网页教学网收集整理，希望大家多提意见</a>  
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>  
<a href="#">网页教学网收集整理，希望大家多提意见</a>  
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>  
<a href="#">网页教学网收集整理，希望大家多提意见</a>  
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>  
<a href="#">网页教学网收集整理，希望大家多提意见</a>  
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>  
<a href="#">网页教学网收集整理，希望大家多提意见</a>  
</div>  
<div id="demo2"></div>  
</div>  
<script>  
var speed=40  
var demo=document.getElementById("demo");   
var demo2=document.getElementById("demo2");   
var demo1=document.getElementById("demo1");   
demo2.innerHTML=demo1.innerHTML   
function Marquee9(){   
if(demo2.offsetTop-demo.scrollTop<=0)   
demo.scrollTop-=demo1.offsetHeight   
else{   
demo.scrollTop++   
}   
}   
var MyMar=setInterval(Marquee9,speed)   
demo.onmouseover=function() {clearInterval(MyMar)}   
demo.onmouseout=function() {MyMar=setInterval(Marquee9,speed)}   
</script>  
</body>  
</html>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js文本不断向上滚动代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程