<!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>
<style type="text/css">
<!--
body {
margin: 0px;
font-size: 12px;
color: #938C43;
line-height: 150%;
text-align:center;
}
a:link{color: #9D943A;font-size:12px;}
a:hover{color: #FF3300;font-size:12px;}
a:visited{color: #9D943A;font-size:12px;}
a.red:link{color: #ff0000;font-size:12px;}
a.red:hover{color: #ff0000;font-size:12px;}
a.red:visited{color: #ff0000;font-size:12px;}
#marqueeBox{background:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;}
-->
</style>
</head>
<body>
<h4>滚动新闻</h4>
<script language="JavaScript" type="text/javascript">
var marqueeContent=new Array();
marqueeContent[0]="<a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank>用“梦幻密保”快速取回帐号密码</a>";
marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>网易将军令官方网站</a>";
marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新壁纸下载</a>";
marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>最新屏保下载</a>";
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
function initMarquee() {
var str=marqueeContent[0];
document.write('<div id="marqueeBox" style="overflow:hidden;width:250px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(document.getElementById("marqueeBox").childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
document.getElementById("marqueeBox").appendChild(nextLine);
}
else {
document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
document.getElementById("marqueeBox").scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
document.getElementById("marqueeBox").scrollTop++;
if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>
</body>
</html>
http://www.corange.cn/archives/2008/10/2134.html
分享到:
相关推荐
文字向上滚动特效
一款简单的js+css3文字上下滚动切换动画特效,可设置多种不同颜色的文字。
jQuery Bootstrap响应式新闻列表文字上下滚动特效
文字定时向上滚动一行
网页常用的文字向上滚动html代码,下载后改下相关链接地址,就可以使用了!
文字在文本框中能自动向上滚动,支持移动端
文字图片列表向上滚动javascript特效
文字列表无缝向上滚动,只要设定总体高度,多少行都能让文字滚动。
一款简单原生js文字向上滚动消息框代码,可以用来做网站公告消息、最新动态等模块。
jQuery文字由下向上滚动代码是一款文字由下向上鼠标放置停止特效
用与课程公告文字滚动,或者图片滚动都可以用词代码,把里面的文字修改一下,就成了你的代码。
实现文字一行一行的向上或者向下的滚动的播放,一定要给外部的div一个height值,否则没效果
文字向上滚动-有停顿.rar
【网页特效代码-文字特效】自动向上滚动的文本_鼠标
jQuery文字逐行向上滚动代码是一款实用的文字滚动代码下载。
向上滚动的文字向上滚动的文字向上滚动的文字向上滚动的文字向上滚动的文字向上滚动的文字向上滚动的文字向上滚动的文字向上滚动的文字
jquery向上循环滚动特效是一款文字行向上循环滚动jquery插件,兼容主流浏览器。
网页特效代码文字特效自动向上滚动的文本鼠标放上去就停止
jquery插件实现的垂直向上逐条滚动新闻列表页面。
js文字滚动插件制作双行关联向上文字间歇滚动