Flash の CSS+DIV+JS ナビゲーションに近い効果です menu_html/css_WEB-ITnose

 

 

 

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

 

<script><br>var current=null;<br>var t=null;<br>for(var i=0;i<fbtn.length;i++){<br /> fbtn_txt[i].style.posTop=-30;<br /> fbtn_mask[i].style.posTop=-30;<br /> fbtn[i].index=i;<br /> fbtn[i].style.display="block";<br /> fbtn[i].onmouseover=function(){<br /> if (!current){<br /> current=this;<br /> domove(this.index);<br /> }<br /> else if(current!=this){<br /> domove(current.index);<br /> domove(this.index);<br /> current=this ;<br /> }<br /> }<br /> fbtn[i].onmouseout=function(){<br /> if(event.toElement==this.parentElement&t==this){<br /> domove(this.index);<br /> current=null;<br /> }<br /> } <br /> }<br />function domove(num){<br /> var o=fbtn_txt[num];<br /> var m=fbtn_mask[num];<br /> if(o.style.posTop<-60){<br /> o.style.display="none" ;<br /> var t=o.children[1].innerHTML;<br /> o.children[1].innerHTML=o.children[0].innerHTML;<br /> o.children[0].innerHTML=t;<br /> o.style。 posTop=-30;<br /> o.style.display="block";<br /> if(m.style.posTop>30)<br> m.style.posTop=-30;<br> else<br> m.style.posTop=0;<br> } <br> else{<br> m.style.posTop+=3;<br> o.style.posTop-=3;<br> setTimeout('domove('+num+')',15);<br> }<br> }<br></script>
< ;/body>

http://www.yczhang.com/catalog.asp?page=4