<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>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
G1
</div>
<div>
good morning
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
G2
</div>
<div>
good evening
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
M1
</div>
<div>
my name is fireyy
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
M2
</div>
<div>
mm mm i love u
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
G1
</div>
<div>
good morning
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
G2
</div>
<div>
good evening
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
M1
</div>
<div>
my name is fireyy
</div>
</div>
</div>
<div id='fbtn'>
<div id='fbtn_mask'>
</div>
<div id='fbtn_txt'>
<div>
M2
</div>
<div>
mm mm i love u
</div>
</div>
</div>
<script>
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;
}
}
}
function domove(num) {
var o=fbtn_txt[num];
var m=fbtn_mask[num];
if(o.style.posTop<-60) {
o.style.display="none";
var t=o.children[1].innerHTML;
o.children[1].innerHTML=o.children[0].innerHTML;
o.children[0].innerHTML=t;
o.style.posTop=-30;
o.style.display="block";
if(m.style.posTop>30) m.style.posTop=-30; else m.style.posTop=0;
} else {
m.style.posTop+=3;
o.style.posTop-=3;
setTimeout('domove('+num+')',15);
}
}
</script>
</body>
</html>
不因成就而狂妄、不因失落而气馁、不因欲望而沉重、不因嫉妒而困扰
-
ASP.NET让引用的dll不生成.pdb 2025年6月26日 -
crontab的注意事项 2024年10月22日
-
小米路由MINI（R1C）刷 OpenWrt 2024年8月27日
-
OpenWRT 扩展容量 2024年6月17日