软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：消息滚动

<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="http://files.jb51.net/upload/201011/20101103155631983.gif" alt="" width="11" height="11" /></td> 
<td width="64">最新消息：</td> 
<td width="321"><script> 
var marqueeContent=new Array(); //滚动主题

marqueeContent[0]=学习编程，欢迎访问源码爱好者！; 
marqueeContent[1]=精品源代码下载 。; 
marqueeContent[2]=专注于提供编程源码及素材下载及实例教程 。; 
marqueeContent[3]=旅行是需要一种心情，更重要的是，需要一种冲动 。; 
marqueeContent[4]=随时用零碎的时间(如等人、排队等)做零碎的事情 。; 
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>

技术文章快速查找

script标签属性type与language使用选择

点击弹出层外区域关闭弹出层jquery特效示例

JavaScript中值类型与引用类型实例说明

ScrollTo：实现平滑滚动到页面指定位置

firefox 和 ie 事件处理的细节,研究,再研究书写同时兼容ie和ff的事件处理代码

javascript 传统事件模型构造的事件监听器实现代码

jQuery 开发者应该注意的9个错误

jquery 多行滚动代码(附详细解释)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建