網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>文本鏈接特效代碼>

文字連續(xù)滾動_文本鏈接特效

文字連續(xù)滾動,您可以先修改部分代碼再運行.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>無標題文檔</title>
</head>

<body>
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
<div   class="7l5brbf"   id="marquees">
  <a href="javascript:">模板無憂</a><br>
  <br>
  <a href="javascript:">模板無憂 </a><br>
  <br>
  <a href="javascript:">中國站長素材站</a><br>
  <br>
  <a href="javascript:">中國站長素材站</a><br>
  <br>
</div> 
<script language="JavaScript">

marqueesHeight=200;
stopscroll=false;

with(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   class="trl7llz"   id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight<marqueesHeight){
    templayer.innerHTML+=marquees.innerHTML;
  }
  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;

function scrollUp(){
  if(stopscroll==true) return;
  preTop=marquees.scrollTop;
  marquees.scrollTop+=1;
  if(preTop==marquees.scrollTop){
    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
    marquees.scrollTop+=1;
  }
}
</script></td>
  </tr>
</table>
</body>
</html>

所屬頻道：文本鏈接特效/更新時間：2012-11-09

[收藏][報錯][返回列表]

相關文本鏈接特效：

文字連續(xù)滾動_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些