滚动文字效果实现-优快云博客

<base href="http://www.it365cn.com">
<div align="center" id="demo" style="overflow:hidden;height:200px;width:95px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;">
    <div id="demo1">
        
        将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放将阿拉法拉发放             </div>
    <div id="demo2"></div>
</div>

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Menu </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-cn">
<style type="text/css" title="">
body{font:10pt;}
#menu{
width:180px;
height:80px;
overflow:hidden;
}
#menu div{
border-left:1px solid silver;
margin:2px;
text-align:center;
cursor: default;
}
#scrollleft,#scrollright{
position: absolute;
top:3px;
width:18px;
background-color:white;
left:0;
filter: alpha(opacity=0,finishopacity=100,style=1,startx=100,finishx=100,starty=0,finishy=100);
}
#scrollleft{right:0;filter: alpha(opacity=100,finishopacity=0,style=1,startx=100,finishx=100,starty=0,finishy=100);}
</style>
</head>

var str=menu.innerHTML;
var d_scrollWidth=menu.scrollWidth;
var d_childWidth=menu.firstChild.offsetWidth+1;
var count=0;
var flag=1;
var overit=0;
var MyMar;

while(menu.offsetWidth>menu.scrollWidth)menu.innerHTML+=str;
menu.innerHTML+=str;

function Marquee(dir){if(flag&&overit){flag=0;count=0;MyMar=setInterval('Marquee2('+dir+')',10);}}

</body>
</html>