添加时间: 2005-6-9 5:08:20  作者: 网络收集  阅读次数:46   来源: http://d9soft.com

       

    常有人因为页面的面积问题，想在一个窄小的地方，显示一条条的信息，顺序往上滚动，在经典的BBS里，有一个随机上滚动的JS，好些人用不了，现在蛋蛋改了一个给大家拷贝。大家只要把数组里的链接和地址改改就能用了。增加的话，只要顺序加入新的数组就行了

运行代码框
<script> var marqueeContent=new Array(); //滚动新闻 marqueeContent[0]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">小泉称若自民党在议会选举中失败</a><br>'; marqueeContent[1]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">布什发表广播讲话</a><br>'; marqueeContent[2]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">伊斯兰武装炸毁印控克什米尔铁路导致列车出轨</a><br>'; marqueeContent[3]='<font color="#0000CC">14:25 </font><a href=http://www.blueidea.com/updatelist.asp target=_blank class="f12red">布雷默：即使抓住了萨达姆也难以结束抵抗行动</a><br>'; 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;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>

 

 

网站架设分类导航

• DreamWeaver
• HTML/CSS
• Flash
• Firework
• FrontPage
• 建站指南

本类经典文章推荐

• 总结:CSS在IE与Firefox下的兼容性
• 经典：CSS应用常见问题大总结
• 网站设计的标准时代
• 用层模拟下拉列表框
• 苏沈小雨样式表中文手册系列
• 用CSS控制网页总体风格
• WEB界面设计五种特征
• 深入透析样式表滤镜(上)
• HTML的基本元素
• 网页中多层效果的灵活使用

HTML/CSS阅读排行

• 用层模拟下拉列表框
• 突破网页文字无法复制局限
• 流程图软件Visio作“高难度”网页
• 苏沈小雨样式表中文手册系列
• WEB界面设计五种特征
• 用CSS控制网页总体风格
• 图片模糊转清晰
• 制作精美圆角表格两种方法
• 网页制作小工具大全(下)
• 网页制作小工具大全(中)

网站架设阅读总排行

• 用层模拟下拉列表框
• 教你如何用Dreamweaver制作电子相...
• 用Dreamweaver插件制作动态下拉菜...
• 突破网页文字无法复制局限
• 如何设计首页???(解答)
• Dreamweaver基础技巧-布局阶段
• 动态QQ表情DIY Fireworks轻松搞定
• 流程图软件Visio作“高难度”网页
• 网页制作隐藏对象巧利用
• 站点-网页布局设计基础

广告位置