DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS特效代碼--實現cool的點擊式彈出菜單
JS特效代碼--實現cool的點擊式彈出菜單
編輯:JavaScript綜合知識     

 <html>

<head> <title>無標題文檔</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head>   <body topmargin="0" leftmargin="0" bgcolor="#FFFFFF" onclick="menuHide();"> <script> document.onmousewheel=function() {   status=event.wheelDelta; } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> <!-- .menuover { background-color: #FFeeee; border: 1px solid #FF0000; cursor: hand; } .menuout { cursor: hand; } td,a { color: #ff0000; font-size: 12px; font-family: 宋體; text-decoration: none } --> </style> <script language=javascript> var run=0; var show=0; function menuRow() {  show=1;  run=1;  menu.style.pixelTop-=1;  if(menu.style.pixelTop>0)   setTimeout('menuRow();','5');  else  run=0; } function menuShow() {  if(!run&&!show)  {  menu.style.visibility='visible';   menup.style.visibility='visible';  menu.style.pixelTop=200;  menuRow();  } } function menuHide() {  if(!run&&show)  {  menu.style.visibility='hidden';   menup.style.visibility='hidden';   show=0;  } } </script>    <div style="overflow: hidden; left:404px; top:30px; height:200px; width:97px; z-index:1; position:absolute; visibility:hidden; border-left: 0px; border-right: 0px;    border-top: 0px solid; border-bottom: 1px solid #FF0000; " id=menup>   <div bgcolor="#FFFFFF" id=menu align=center style="position: absolute; width: 97px; height:    200px; z-index: 1; left: 0px; top: 200px; overflow: hidden; visibility: hidden; background-image:    url('images/menu_bg.gif'); border: 1 solid #FF0000">   <table width=93 cellpadding="0" cellspacing="4" style="position: relative; top: 1">  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='aboutus'">網頁陶吧</td>  </tr>  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='joinus'"><a href="http://www.wangqi.com" target="_blank" title="網站制作">網站制作</a></td>  </tr>  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='market'">網站推廣</td>  </tr>  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='super'">網絡賺錢</td>  </tr>  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='domain'">免費空間</td>  </tr>  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='host'">建站常識</td>  </tr>       <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='service'">網頁特效</td>  </tr>  <tr>  <td valign="middle" align="center" height="20" class=menuout    onmouseover=this.className='menuover'; onmouseout=this.className='menuout';    onclick="location='cooperator'">網站優化</td>  </tr>  </table>  </div>  </div> <a onclick="menuShow();" style="position: absolute; width: 97px; height: 200px; z-index: 1; left:    0px; top: 0px;cursor:hand; " alt=Menu>免費教程</a>   </body> </html>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved