[100201]JS滚屏新闻

作者:Leo | 分享：开心  人人  豆瓣  新浪微博  搜狐  贴吧  网易

下载地址
http://www.amoycloud.com/Blog/attachments/month_1002.rar

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">

</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 );

[本日志由 Leo 于 2010-02-01 03:52 PM 编辑]