<HTML>
<HEAD>
<TITLE> &sup1;&ouml;&para;&macr;&ETH;&Acirc;&Icirc;&Aring; </TITLE>
<STYLE TYPE="text/css" TITLE="">
A:link { COLOR: #3366CC; TEXT-DECORATION: none ; font-family:"&Euml;&Icirc;&Igrave;&aring;"} 
A:visited { COLOR: #3366cc; TEXT-DECORATION: none } 
A:active { COLOR: #6699ff; TEXT-DECORATION: none } 
A:hover { COLOR: #FF4400; TEXT-DECORATION: none }
</STYLE>
</HEAD><BODY>
<table width=580 height="60" bgcolor=#f7f8f9 border=0 cellspacing=0  style="border:#cccccc 1px solid;">
<tr>
<td>
<div id="icefable1" style="width:500;height:60">
<TABLE cellSpacing=0 cellPadding=0 width=580 height="60" border=0>
<TR>
<TD>&iexcl;¤<A href="http://www.sohu.com" target=_blank>&micro;&Uacute; 1 &ETH;&ETH;&pound;&not;&micro;&atilde;&raquo;÷×&ordf;&micro;&frac12;Sohu</A></TD>
</TR>
<TR>
<TD>&iexcl;¤<A href="http://www.sina.com.cn/" target=_blank>&micro;&Uacute; 2 &ETH;&ETH;&pound;&not;&micro;&atilde;&raquo;÷×&ordf;&micro;&frac12;&ETH;&Acirc;&Agrave;&Euml;</A></TD>
</TR>
<TR>
<TD>&iexcl;¤<A href="http://www.yahoo.com.cn" target=_blank>&micro;&Uacute; 3 &ETH;&ETH;&pound;&not;&micro;&atilde;&raquo;÷×&ordf;&micro;&frac12;Yahoo</A></TD>
</TR>
<TR>
<TD>&iexcl;¤<A href="http://www.google.com" target=_blank>&micro;&Uacute; 4 &ETH;&ETH;&pound;&not;&micro;&atilde;&raquo;÷×&ordf;&micro;&frac12;Google</A></TD>
</TR>
<TR>
<TD>&iexcl;¤<A href="#" target=_blank>...</A></TD>
</TR>
</TABLE>
</div>
<div id="icefable2" style="position:absolute;z-index:1;visibility:hidden"></div>
</td>
</tr>
</table>
<script>
marqueesHeight=60;
stopscroll=false;
icefable1.scrollTop=0;with(icefable1)
{
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}preTop=0; currentTop=0; stoptime=0;function init_srolltext()
{
icefable2.innerHTML="";
icefable2.innerHTML+=icefable1.innerHTML;    
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
setInterval("scrollUp()",50);
}function scrollUp()
{
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==19)
{
stoptime+=1;
currentTop-=1;
if(stoptime==50) 
{
currentTop=0;
stoptime=0;
}
}
else
{  
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop)
{
icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
icefable1.scrollTop+=1;
}
}
}init_srolltext();
</script></BODY>
</HTML>

解决方案 »

  1.   

    demo.htm  <SCRIPT language=JavaScript src='http://www.colorbird.com/scroll/dhtmllib.js'></SCRIPT>
    <SCRIPT language=JavaScript src='http://www.colorbird.com/scroll/scroller.js'></SCRIPT>
    <SCRIPT language=JavaScript src='http://www.colorbird.com/scroll/roll.js'></SCRIPT>
    <BR CLEAR='all'><table width=95% border=0><tr><td><DIV id=Scroll style='HEIGHT: 18px; LEFT: 0px; POSITION: relative; TOP: 0px; WIDTH: 200px'></DIV>
    //这是colorbird的滚动代码.JavaScript实现的,兼容性非常不错.
    //代码也写得很不错,可以学习一下.
    //你可以把以下三个js文件下载到本地.
    //roll.js文件里面有程序的调用.http://www.colorbird.com/scroll/scroller.js
    http://www.colorbird.com/scroll/roll.js
    http://www.colorbird.com/scroll/dhtmllib.js