點擊文字現(xiàn)移動的菜單

2009-11-23 導(dǎo)航菜單 ℃

<html>
<head>
<title>網(wǎng)頁特效演示，點擊文字讓層移動的菜單</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>

</style>
<script language=javascript>
var run=0;
var show=0;
function menuRow()
{
  show=1;
  run=1;
  menu.style.pixelTop-=5;
  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; visibility:show; 
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'">關(guān) 于 我 們</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class=menuout 
onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; 
onclick="location='joinus'">加 入 我 們</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'">網(wǎng) 頁 超 市</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'">虛 擬 主 機(jī)</td>
            </tr>
   <tr>
              <td valign="middle" align="center" height="20" class=menuout 
onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; 
onclick="location='service'">服 務(wù) 中 心</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: 
410px; top: 230px;cursor:hand; " alt=Menu>點擊演示</a>
</body>
</html>
<</a>

相關(guān)特效代碼

熱門特效代碼: 三級豎向展開/收縮導(dǎo)航菜單; 鼠標(biāo)指向彈出菜單; jQuery 彈出菜單層; CSS二級下拉導(dǎo)航菜單; CSS做的垂直導(dǎo)航菜單效果; 橫向二級導(dǎo)航菜單; 仿google首頁下端圖片文字動畫導(dǎo); 導(dǎo)航鏈接菜單間隔閃爍; 動態(tài)翻滾的導(dǎo)航條[酷比flash]; 純CSS的三級聯(lián)動級聯(lián)菜單

推薦特效代碼: CSS+div+js組合強(qiáng)大實現(xiàn)超酷菜單; 動態(tài)翻滾的導(dǎo)航條[酷比flash]; CSS橫向下拉菜單; 微軟風(fēng)格的CSS橫向菜單; 立體的CSS按鈕菜單效果; 左側(cè)隱藏的菜單