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需再刷新一下页面才能执行]

您可能感兴趣的文章:

消息滚动

Js制作点击输入框时默认文字消失的效果
为了提高用户体验和易用度，一些设计师会对网页中用户经常用的东西进行优化，比如输入框。一般的输入框是怎样优化的呢？从用户体验的角度出发，简化用户使用步骤，让用户用得更方便就是提高了易用性
2015-09-09
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.
2009-10-10
javascript 打字效果的文字特效
文字如何实现打字的效果呢?在浏览网页的时候也经常能看到这种效果。本节给出了一个打字效果的文字特效，文字一个一个地打印在页面上。
2011-01-01
Js+CSS 文字渐隐渐现显示
JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了.
2009-10-10
javascript跑马灯悬停放大效果实现代码
用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,需要的朋友可以了解下
2012-12-12
JavaScript 点击插入文字
JavaScript点击插入文字，在一段文字的任意处点击，会将你时先准备好的文字插入到一段文字中，可能大家不怎么用到，不过感觉很奥妙，希望高手改进成自己想要的效果。
2009-10-10
窗体滚动条出现在左侧的实例代码
让浏览器窗口中的滚动条打破常规出现在网页的左侧，记得在藏文的一些网站，经常看到网页滚动条居左，不知为何居左，可能是某些人群的使用习惯吧。
2010-09-09
让链接必须按先后顺序点击的JS代码
让链接必须按先后顺序点击的JS代码，用到广告上面比较好，有不少的文字或图片广告有类似效果，点链接的时候需要按顺序，请注意链接地址，写在JS代码里的是真正需要的地址。
2009-10-10
使用JavaScript让网页的title动起来
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。
2011-01-01
Js+CSS实现的间断和不间断文本滚动代码
Js+CSS间断和不间断文本滚动代码，文字在一行高度范围内不间断滚动，还有一个是间断滚动，滚动一次后会稍停片刻再次滚动。
2010-10-10