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

唧唧

大小楼主向上逐条或者逐段滚动的js脚本 Post by : 2010-08-02 12:55:07.0

幼儿园
UID：3
主题：342
帖子：781
加为好友发送短信

运行复制保存 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>

　★★★★★★★★
　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！
　MyBlog ：http://blog.javawind.net

唧唧精华：0 积分：0 金钱：3172 金币：0 威望：0 权限：2 用户资料用户帖子	大小楼主向上逐条或者逐段滚动的js脚本 Post by : 2010-08-02 12:55:07.0
幼儿园 UID：3 主题：342 帖子：781 加为好友发送短信	运行复制保存 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>
	★★★★★★★★ 　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！　MyBlog ：http://blog.javawind.net