`
zhangshenqiu
  • 浏览: 9137 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript特效,信息滚动效果

阅读更多
<tablewidth="50%"border="1">
<tr>
<tdheight="18">
<scriptlanguage="">
varmarqueeContent2=newArray();//滚动新闻
marqueeContent2[0]='<fontcolor=red>在这里写入你的标题,这是第1行</font>';
marqueeContent2[
1]='<fontcolor=blue>在这里写入你的标题,这是第2行</font>';
marqueeContent2[
2]='<fontcolor=black>在这里写入你的标题,这是第3行</font>';
marqueeContent2[
3]='<fontcolor=green>在这里写入你的标题,这是第4行</font>';
varmarqueeInterval2=newArray();//定义一些常用而且要经常用到的变量
varmarqueeId2=0;
varmarqueeDelay2=2800;
varmarqueeHeight2=22;
//接下来的是定义一些要使用到的函数
functioninitMarquee2()...{
varstr2=marqueeContent2[0];
document.write(
'<divid=marqueeBox2style="overflow:hidden;height:'+marqueeHeight2+'px"onmouseover="clearInterval(marqueeInterval2[0])"onmouseout="marqueeInterval2[0]=setInterval('startMarquee2()',marqueeDelay2)"><div>'+str2+'</div></div>');
marqueeId2
++;
marqueeInterval2[
0]=setInterval("startMarquee2()",marqueeDelay2);
}

functionstartMarquee2()...{
varstr2=marqueeContent2[marqueeId2];
marqueeId2
++;
if(marqueeId2>=marqueeContent2.length)marqueeId2=0;
if(marqueeBox2.childNodes.length==1)...{
varnextLine2=document.createElement('DIV');
nextLine2.innerHTML
=str2;
marqueeBox2.appendChild(nextLine2);
}

else...{
marqueeBox2.childNodes[
0].innerHTML=str2;
marqueeBox2.appendChild(marqueeBox2.childNodes[
0]);
marqueeBox2.scrollTop
=0;
}

clearInterval(marqueeInterval2[
1]);
marqueeInterval2[
1]=setInterval("scrollMarquee2()",20);
}

functionscrollMarquee2()...{
marqueeBox2.scrollTop
++;
if(marqueeBox2.scrollTop%marqueeHeight2==(marqueeHeight2-1))...{
clearInterval(marqueeInterval2[
1]);
}

}

initMarquee2();


</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics