向上滚动的文字无缝版本

Html版本

<div id="marquees" >
<div class="details" style="width:200px">

<a hrerf="http://www.haiing.com/">中海科技</a>

<a hrerf="http://www.haiing.com/">中海科技</a>

<a hrerf="http://www.haiing.com/">中海科技</a>

<a hrerf="http://www.haiing.com/">中海科技</a>

<a hrerf="http://www.haiing.com/">中海科技</a>
</div>
</div>

ASP版本

<div id="marquees" >
<div class="details" style="width:200px">
<table   width="93%" border="0" align="right" cellpadding="0" cellspacing="0">
<%
strSql = "select top 5 * from News where LevelID1="& GetLevelID("站内公告") &" order by NewsID desc"
set rsNews = server.createobject("adodb.recordset")
rsNews.open strSql,con,1,3
do while not rsNews.eof
%>
<tr >
<td width="10px" style="color:#888888; font-size:15px">·</td>
<td width="200px" align="left" height="20px">

<a href="Notice_con.asp?ClassID1=<% =GetLevelID("站内公告")%>&ID=<%=rsNews("NewsID") %>">
<% =gotTopic(rsNews("Title"),22) %>

</a>

</td>
</tr>
<%
rsNews.movenext
loop
rsNews.close
set rsNews = nothing
%>
</table>
</div>
</div>

 

js代码

<script language="javascript">
marqueesHeight=99;
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()",100);
}
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>