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

在一行范圍內(nèi)無間斷的文字滾動代碼_文本鏈接特效

在一行內(nèi)無間斷（無縫滾動）文字滾動的特效代碼，鼠標放上后自動停止?jié)L動，可以定義鼠標懸停時的顏色、鏈接顏色等，小巧，精致，不占用網(wǎng)頁布局空間，方便實用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" />
<title>無間斷滾動切換效果</title>
<style type="text/css" media="all">
.scroll{
height:22px;
overflow:hidden;
font-size:9pt;
line-height:20px;
border:#0066cc 1px dashed;
width:116px;
margin:0px auto;
text-align:center;
}
</style>
<script language="javascript" type="text/javascript">
var s,sn=0,timer,slen,timer2;
function scrollInit(){ 
 s=getid("s1");
 s.scrollTop=0;
 slen=s.innerHTML.split("|");
 s.innerHTML="";
 for(var i=0;i<slen.length;i++){s.innerHTML+=(slen[i]+"<br />");}
 s.innerHTML+=slen[0];
 timer2=setInterval(scrollstart,3000);
 s.onmouseover=function(){clearInterval(timer2);clearInterval(timer);s.style.backgroundColor="skyblue";}
 s.onmouseout=function(){timer2=setInterval(scrollstart,2980);s.style.backgroundColor="#f5f5f5";}
}
function scrollstart(){
 if(s.scrollTop>=(slen.length*20)){s.scrollTop=0;}
 timer=setInterval(scrollexec,30); 
 }
function scrollexec(){
 if(sn<20){
  sn++;
  s.scrollTop++;
  }else{
   sn=0;
   clearInterval(timer);
   }  
 }
function getid(id){return document.getElementById(id);}
window.onload=scrollInit;
</script>
</head>
<body>
<div id="s1" class="scroll">模板無憂|學(xué)習(xí)型源碼站|mb5u.com|歡迎您的光臨</div>
</body>
</html>

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

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

相關(guān)文本鏈接特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

在一行范圍內(nèi)無間斷的文字滾動代碼_文本鏈接特效

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

文本鏈接特效推薦

猜你也喜歡看這些