Tip: you can modify some code before running
Vertical navigation menu of javascript imitation FLASH effect<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Vertical navigation menu of javascript imitation FLASH effect</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">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><!--把下面代码加到<body>与</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 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 I love u</div> </div></div><script language="javascript">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; elsem. style. posTop = 0;} else {m. style. posTop + = 3; o. style. posTop-= 3; setTimeout ('move ('+ num +') ', 15 );}}</script></body></html>
Tip: you can modify some code before running