js单行消息滚动代码，可添加无数个

更新时间：2010年11月03日 15:57:07 作者：

JavaScript实现单行新闻滚动代码，可添加无数行，只要你有那么多内容，我觉得挺不错，发上来供大家使用和参考。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>滚动最新消息代码</title> <style type="text/css"> td {font-size: 12px;} </style> </head> <body> <table width="400" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="15" valign="top"><img src="/upload/201011/20101103155631983.gif" alt="" width="11" height="11" /></td> <td width="64">最新消息：</td> <td width="321"><script> var marqueeContent=new Array(); //滚动主题 marqueeContent[0]='<a href="#" target="_blank">学习编程，欢迎访问源码爱好者！</a>'; marqueeContent[1]='<a href="#" target="_blank">精品源代码下载。</a>'; marqueeContent[2]='<a href="#" target="_blank">专注于提供编程源码及素材下载及实例教程。</a>'; marqueeContent[3]='<a href="#" target="_blank">旅行是需要一种心情，更重要的是，需要一种冲动。</a>'; marqueeContent[4]='<a href="#" target="_blank">随时用零碎的时间(如等人、排队等)做零碎的事情。</a>'; var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量 var marqueeId=0; var marqueeDelay=4000; var marqueeHeight=15; 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()",10); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){ clearInterval(marqueeInterval[1]); } } initMarquee(); </script></td> </tr> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

消息滚动

CSS 动态链接提示
CSS实现动态的链接提示，带动画效果，当然，这不光是CSS的功劳，JavaScript也用上了，当你把鼠标放到文字上的时候，你就会看到一行提示文字出现的效果了。
2009-10-10
JS CSS制作饱含热情的镶边文字闪烁特效
JS+CSS制作的文字闪烁特效，饱含热情的镶边文字，能让人感觉到你的热情，同时也可以用作提示语，能充分引起人们的关注。
2009-10-10
简介内容超出部分文字隐藏省略的特效(可显示)
如果字数找过特定的字符数，那么超过这个字符数后的文字就显示省略号... 然后出现【展开】或省略号，点击之后就出现全部内容
2011-10-10
Js 网页上反复显示隐藏效果的文本
一个JavaScript特效，在网页上反复显示一些可隐藏的文字，快速滚入而后快速消失，很不错的文字效果。
2010-03-03
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.
2009-10-10
Marquee配合DIV实现的文字滚动效果代码
Marquee走马灯标签，用它能实现各种各样的滚动，而只需修改个别参数就行了，在WEB标准时代，Marquee的作用当然也应该与时俱进了.
2009-11-11
JavaScript实现雪花飘落效果特效
雪，是冬天的灵魂，为大地铺好背景，之后发生的都如梦似幻，就像童话般的存在。冬天没有雪，能难倒程序猿吗，没有雪自己造，这篇文章主要介绍了JavaScript实现雪花飘落效果特效,需要的朋友可以参考下
2023-01-01
javascript 实用的文字链提示框效果
鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失
2010-06-06
javascript实现的网页标题变换效果(网页游戏广告常用)
很多游戏广告的推广页面中，为了吸引眼球，我们看到IE标题栏与状态栏中都是来回闪动的效果。
2011-01-01
使用JavaScript让网页的title动起来
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。
2011-01-01

js单行消息滚动代码，可添加无数个

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具