在一行范围内无间断的文字滚动代码_文本链接特效

缁囨ⅵDedeCMS瑙嗛鏁欑▼涔扮┖闂� 绉熸湇鍔″櫒閫夌綉纭曚簰鑱旓紒 鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!

在一行内无间断（无缝滚动）文字滚动的特效代码，鼠标放上后自动停止滚动，可以定义鼠标悬停时的颜色、链接颜色等，小巧，精致，不占用网页布局空间，方便实用。

<!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">模板无忧|学习型源码站|mb5u.com|欢迎您的光临</div>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-21

[收藏][报错][返回列表]

评论加载中....

在一行范围内无间断的文字滚动代码_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些

收藏&分享