JavaScript鼠標(biāo)劃過背景拖尾效果_文本鏈接特效

JavaScript拖尾效果，當(dāng)鼠標(biāo)連續(xù)劃過多個(gè)單元格的時(shí)候，單元格的背景會(huì)依次變幻顏色，形成“拖尾”的效果，你可以將其更改為一個(gè)導(dǎo)航菜單，效果肯定也不錯(cuò)。

<html>
<head>
<title>JavaScript鼠標(biāo)劃過殘影效果</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
background-color:#000;
}
.container a{
display:inline-block;
float:left;
background-color:#999999;
margin-right:1px;
margin-top:1px;
width:28px;
text-align:center;
padding:4px 0px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}
.caption{
margin:0px auto;
width:202px;
height:auto;
overflow:hidden;
padding:1px;
background-color:#CCCCCC;
}
.caption h2{
margin:0px;
padding:3px;
text-align:center;
font-size:12px;
background-color:#666666;
}
.caption ul{
margin:0px;
padding:0px 6px;
list-style:none;
line-height:22px;
font-size:12px;
}
</style>
<script language="javascript" type="text/javascript">
var shadow_delay=function(){
var delay_time=200;  //殘影時(shí)間
var a=document.getElementsByTagName("a");
var color=new Array("#ea991f","#cc994b","#ae9979","#999999");
for(var i=7;i<a.length-2;i++){
a[i].onclick=function(){if(!this.i){this.style.color="#ff0000";this.style.backgroundColor="#FF9900"}else{this.style.color="#FFFFFF";this.style.backgroundColor="#999999"};this.i=!this.i;}
a[i].onfocus=function(){this.blur()}
a[i].onmouseover=function(){this.style.backgroundColor="#FF9900"}
a[i].onmouseout=function(){var obj=this;var j=0;function dc(){if(j<color.length){setTimeout(dc,delay_time);obj.style.backgroundColor=color[j];j++}else{if(obj.i){obj.style.backgroundColor="#FF9900"}}};dc()};
}
}
window.onload=shadow_delay;
</script>
</head>

所屬頻道：文本鏈接特效/更新時(shí)間：2012-12-01

[收藏][報(bào)錯(cuò)][返回列表]

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

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

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JavaScript鼠標(biāo)劃過背景拖尾效果
特效說明：
文本鏈接模板-JavaScript鼠標(biāo)劃過背景拖尾效果。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JavaScript鼠標(biāo)劃過背景拖尾效果_文本鏈接特效

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

文本鏈接特效推薦

猜你也喜歡看這些