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

ttx9n · 发表于 2007-5-17 00:00:00

效果直逼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

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需刷新才能执行]

zzhxxx · 发表于 2022-10-13 04:15:18

很好，谢谢分享

leidie123a · 发表于 2022-12-5 10:13:08

额UI废物iuhfujewfiewnnfen

6q8s6p21 · 发表于 2023-1-4 14:00:18

天天源码社区。。。。

白狐软件 · 发表于 2023-4-14 00:06:41

儿童服务绯闻绯闻绯闻

mkonji · 发表于 2023-5-18 01:55:43

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

wqpa63gz · 发表于 2023-9-6 11:23:36

很不错的玩意

溪谷小兵 · 发表于 2024-3-2 03:43:23

看看看看看看看看看看看看看看看看看看看看看看看看看看看

5ble0ks · 发表于 2024-6-2 09:03:57

撒旦撒旦撒擦擦擦擦

白狐软件 · 发表于 2024-6-6 10:15:15

好东西一定要看看！

账号		自动登录	找回密码
密码			立即注册

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

相关帖子