效果直逼flash的Div+Css+Js菜单_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:37:08

效果直逼flash的Div+Css+Js菜单_javascript技巧

效果直逼flash的Div+Css+Js菜单_javascript技巧:效果直逼flash的Div+Css+Js菜单 css菜单 body{ background-color:#B8B8A0; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e

推荐度：

点击下载本文 文档为doc格式

导读效果直逼flash的Div+Css+Js菜单_javascript技巧:效果直逼flash的Div+Css+Js菜单 css菜单 body{ background-color:#B8B8A0; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e

效果直逼flash的Div+Css+Js菜单

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>css菜单</title> 
<style> 
body{ 
background-color:#B8B8A0; 
} 
#fbtn{ 
display:none; 
overflow:hidden; 
border-style:solid; 
border-width:1px; 
border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; 
padding:1 1 1 1; 
width:115px; 
height:30px; 
} 
#fbtn_txt{ 
position:relative; 
} 
#fbtn_txt div{ 
height:30px; 
padding-top:11px; 
font-size:12px; 
color:#800080; 
text-align:center; 
cursor:hand; 
} 
#fbtn_mask{ 
background-color:#ffffff; 
position:relative; 
width:100%; 
height:100%; 
} 
</style>

</head>

<body>

G1 
good morning

G2 
good evening

M1 
my name is fireyy

M2 
mm mm i love u

G1 
good morning

G2 
good evening

M1 
my name is fireyy

M2 
mm mm i love u

var current=null; 
var t=null;

for(var i=0;i<fbtn.length;i++){ 
fbtn_txt[i].style.posTop=-30; 
fbtn_mask[i].style.posTop=-30; 
fbtn[i].index=i; 
fbtn[i].style.display="block";

fbtn[i].onmouseover=function(){ 
if(!current){ 
current=this; 
domove(this.index); 
} 
else 
if(current!=this){ 
domove(current.index); 
domove(this.index); 
current=this; 
} 
}

fbtn[i].onmouseout=function(){ 
if(event.toElement==this.parentElement&t==this){ 
domove(this.index); 
current=null; 
} 
} 
}

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

效果直逼flash的Div+Css+Js菜单_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： css菜单菜单效果

热门焦点

效果直逼flash的Div+Css+Js菜单_javascript技巧

效果直逼flash的Div+Css+Js菜单_javascript技巧

效果直逼flash的Div+Css+Js菜单_javascript技巧

最新推荐

猜你喜欢

热门推荐