向上逐条或者逐段滚动的js脚本 -- 风信Java论坛 -- Powered by JavaWind.Net

运行复制保存 xhtml代码

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题页</title>
<link rel="stylesheet" href="css.css" type="text/css" />
</head>
<style type="text/css">
#txtgd{text-align:left;height:66px;width:500px;line-height:22px;border:1px solid #ccc;overflow:hidden}
#txtgd li{height:22px;text-indent:4px;overflow:hidden}
</style>
<body>
<div id="txtgd">
<div id="txtgd1">
<ul>
<li><a href="#">Java 基础技术讨论交流和开发者新手启航</a></li>
<li><a href="#">J2EE/Jsp/Servlet Web开发讨论交流</a></li>
<li><a href="#">javascript/html/css/xml 客户端界面设计和交互</a></li>
<li><a href="#">Java 相关试题、视频、文档、源码分享交流</a></li>
<li><a href="#">英雄莫问出处，吹水不询缘由。「灌」就一个字...</a></li>
<li><a href="#">IT人的程序人生、心声，职业生涯，IT女性，程序员爱情...</a></li>
<li><a href="#">官方公告和信息发布，站务事务处理，意见建议，投诉举报 </a></li>
<li><a href="#">JavaWind开发组、官方论坛管理人员内部交流区</a></li>
</ul>
</div>
<div id="txtgd2"></div>
</div>
<script type="text/javascript">
<!--
var speed = 26;//滚动速度
var rows = 22;//每行高度
var stim = 120; //停留时间倍数 * speed
var stop = 0; //初始化值，不管
txtgd2.innerHTML = txtgd1.innerHTML
function Marquee(){
if(txtgd.scrollTop%rows==0 && stop<=stim){
stop++;
return;
}
stop = 0;
if(txtgd2.offsetTop-txtgd.scrollTop<=0)
txtgd.scrollTop-=txtgd1.offsetHeight
else{
txtgd.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed)
txtgd.onmouseover = function() {clearInterval(MyMar)}
txtgd.onmouseout = function() {MyMar=setInterval(Marquee,speed)}
-->
</script>
</body>
</html>