<Style>
. Black12 {font-size: 12px; color: #000000 ;}
A. black12: link {font-size: 12px; color: #000000; text-decoration: none ;}
A. black12: visited {font-size: 12px; color: #000000; text-decoration: none ;}
A. black12: hover {font-size: 12px; color: #000000; text-decoration: underline ;}
A. black12line: link {font-size: 12px; color: #000000; text-decoration: underline ;}
A. black12line: visited {font-size: 12px; color: #000000; text-decoration: underline ;}
A. black12line: hover {font-size: 12px; color: #000000; text-decoration: none ;}
</Style>
<TABLE border = 1 width = 200>
<TR>
<TD>
<Div id = "marquees">
<Div class = "details">
<A href = 'HTTP: // www.sina.com.cn 'target =' _ blank 'class = "black12 blackDot"> <li> Sina </li> </a>
<A href = 'HTTP: // www.baidu.com 'target =' _ blank 'class = "black12 blackDot"> <li> Baidu </li> </a>
<A href = 'HTTP: // www.google.com 'target =' _ blank 'class = "black12 blackDot"> <li> google </li> </a>
<A href = 'HTTP: // www.yahoo.com.cn 'target =' _ blank 'class = "black12 blackDot"> <li> Yahoo </li> </a>
<A href = 'HTTP: // www.163.com 'target =' _ blank 'class = "black12 blackDot"> <li> Netease </li> </a>
<A href = 'HTTP: // www.sohu.com 'target =' _ blank 'class = "black12 blackDot"> <li> Sohu </li> </a>
</Div>
</Div>
</TD>
</TR>
</TABLE>
<Script language = "javascript">
MarqueesHeight = 100;
Stopscroll = false;
With (document. getElementById ("marquees ")){
Style. width = 0;
Style. height = marqueesHeight;
Style. overflowX = "visible ";
Style. overflowY = "hidden ";
NoWrap = true;
Onmouseover = new Function ("stopscroll = true ");
Onmouseout = new Function ("stopscroll = false ");
}
Document. write ('<div id = "templayer" style = "position: absolute; z-index: 1; visibility: hidden"> </div> ');
PreTop = 0; currentTop = 0;
Function init (){
Document. getElementById ("templayer"). innerHTML = "";
While (document. getElementById ("templayer"). offsetHeight <marqueesHeight ){
Document. getElementById ("templayer"). innerHTML + = document. getElementById ("marquees"). innerHTML;
}
Document. getElementById ("marquees"). innerHTML = document. getElementById ("templayer"). innerHTML + document. getElementById ("templayer"). innerHTML;
SetInterval ("scrollUp ()", 30 );
}
Document. body. onload = init;
Function scrollUp (){
If (stopscroll = true) return;
PreTop = document. getElementById ("marquees"). scrollTop;
Document. getElementById ("marquees"). scrollTop + = 1;
If (preTop = document. getElementById ("marquees"). scrollTop ){
Document. getElementById ("marquees"). scrollTop = document. getElementById ("templayer"). offsetHeight-marqueesHeight;
Document. getElementById ("marquees"). scrollTop + = 1;
}
}
</Script>