一条一条新闻向上的滚动不错- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一条一条新闻向上的滚动不错

技术文章搜索

关键字

Javascript 中的一条一条新闻向上的滚动不错

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 177 ::

收藏到网摘: n/a

颜色渐变效果模拟抽奖

点击运行可以看到效果:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<STYLE>TD { FONT-SIZE: 9pt; LINE-HEIGHT: 140%
}
body,td,th { color: #003366; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link,a:visited { text-decoration: none; color: #008000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover { text-decoration: none; color:#FF9900; font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:active { COLOR: #008000; TEXT-DECORATION: none
}
</STYLE></head>
<script>
var marqueeContent = new Array();
marqueeContent[0]='今天是: 2006 年 8 月 9 日 星期三';
marqueeContent[1]='欢迎我们的新成员　{<a href="member.asp?action=view&memName=hulianglove" target="_blank">hulianglove</a>} <img src=images/icon_new.gif align="absmiddle">';
marqueeContent[2]='最热日志：<a href="blogview.asp?logID=460" target="_blank">2005超级女生代言人张涵韵的成长照片</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-6-17 21:19:02 [lccy]'
marqueeContent[3]='最热日志：<a href="blogview.asp?logID=534" target="_blank">港台三级片全史（宝典必看）</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-7-21 18:10:20 [lccy]'
marqueeContent[4]='最热日志：<a href="blogview.asp?logID=549" target="_blank">超级女生-李宇春所有歌曲视频集锦</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-8-2 13:51:17 [lccy]'
marqueeContent[5]='最热日志：<a href="blogview.asp?logID=544" target="_blank">【七剑】免费在线观看（还可免费下载哦）</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-7-30 12:18:09 [lccy]'
marqueeContent[6]='最热日志：<a href="blogview.asp?logID=455" target="_blank">音频：周笔畅在超级女生中的所有歌曲（在线视听）</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-6-16 13:13:19 [lccy]'
marqueeContent[7]='最热日志：<a href="blogview.asp?logID=550" target="_blank">超级女生-何洁所有歌曲视频集锦</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-8-2 19:48:59 [lccy]'
marqueeContent[8]='最热日志：<a href="blogview.asp?logID=551" target="_blank">超级女生-张靓颖所有歌曲视频集锦</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-8-2 20:05:45 [lccy]'
marqueeContent[9]='最热日志：<a href="blogview.asp?logID=509" target="_blank">后宿舍男孩在线播放（全集超搞笑）</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-7-14 22:29:19 [lccy]'
marqueeContent[10]='最热日志：<a href="blogview.asp?logID=435" target="_blank">超级女声周笔畅为新浪网友清唱<解脱></a> <img src=images/icon_hot.gif align="absmiddle"> 2005-6-11 12:19:19 [lccy]'
marqueeContent[11]='最热日志：<a href="blogview.asp?logID=447" target="_blank">2005超级女生代言人张涵韵资料照片全接触</a> <img src=images/icon_hot.gif align="absmiddle"> 2005-6-15 19:06:14 [lccy]'
var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=17;
//接下来的是定义一些要使用到的函数
function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox style="overflow:hidden;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(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); }
function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } }
initMarquee();
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

颜色渐变效果模拟抽奖

Javascript 中的 一条一条新闻向上的滚动 不错

评论 (0) All

Javascript 中的一条一条新闻向上的滚动不错