RollNews.htm
引用内容<!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="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITLE-AMOYCLOUD.COM BY LEO</title>
<style type="text/css">
<!--
#local_news{
float:left;
margin:6px 0 0 10px;
height:23px;
padding:2px 0 0 0;
width:300px;
overflow:hidden;
line-height:30px;
}
-->
</style></head>
<body>
<div id="local_news" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
<script type="text/javascript" src="js/jsTopicNews.js" charset="gb2312"></script>
<script type="text/javascript" src="js/TopRoll.js" charset="gb2312"></script>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITLE-AMOYCLOUD.COM BY LEO</title>
<style type="text/css">
<!--
#local_news{
float:left;
margin:6px 0 0 10px;
height:23px;
padding:2px 0 0 0;
width:300px;
overflow:hidden;
line-height:30px;
}
-->
</style></head>
<body>
<div id="local_news" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
<script type="text/javascript" src="js/jsTopicNews.js" charset="gb2312"></script>
<script type="text/javascript" src="js/TopRoll.js" charset="gb2312"></script>
</div>
</body>
</html>
JsTopicNews.js
引用内容document.write('<div class="news_line"><div class="news_time">公告：[2009-12-30]</div><div class="news_title"><A href="/article/2009-12-30/577-1.html" title="博德之门II 作弊码" target="_self">博德之门II 作弊码</a></div></div><div class="news_line"><div class="news_time">博客：[2009-12-29]</div><div class="news_title"><A href="/blog/article.asp?id=665" title="DHTML 参考手册 - 对象列表" target="_self">DHTML 参考手册 - 对象列表</a></div></div><div class="news_line"><div class="news_time">文章：[2009-12-28]</div><div class="news_title"><A href="/article/2009-12-28/569-1.html" title="一步之差" target="_self">一步之差</a></div></div><div class="news_line"><div class="news_time">视频：[2009-11-15]</div><div class="news_title"><A href="/Video/115.html" title="史上最全灾难集合2012预演世界末日" target="_self">史上最全灾难集合2012预演世界末日</a></div></div><div class="news_line"><div class="news_time">相册：[2009-11-25]</div><div class="news_title"><A href="/blog/article.asp?id=122" title="自拍AB" target="_self">自拍AB</a></div></div><div class="news_line"><div class="news_time">作品：[2009-12-19]</div><div class="news_title"><A href="/Work/Show.asp?ID=152" title="越南眼镜妹相册" target="_self">越南眼镜妹相册</a></div></div>')
TopRoll.js
引用内容//JsTopicNews
var oMarquee = document.getElementById("local_news"); //滚动对象
var iLineHeight = 30; //单行高度，像素
var iLineCount = 6; //实际行数
var iScrollAmount = 1; //每次滚动高度，像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()", 5000 );
}
else {
window.setTimeout( "run()", 20 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
]]>
]]>
]]>