點(diǎn)擊文字后菜單慢慢展開_菜單導(dǎo)航特效

點(diǎn)擊文字后才展開的菜單，實(shí)際上點(diǎn)擊文字后展開的是一個(gè)層，層里面放的是一個(gè)表格，菜單是在表格里，通過這個(gè)例子你會(huì)明白JS是如何控制一個(gè)DIV層展開的，這是現(xiàn)在比較流行和通用的方法。

<html>
<head>
<title>點(diǎn)擊文字讓菜單層展開</title>
<meta http-equiv="Content-Type" mrc="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" mrc="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:160px; 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: 
160px; 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='/'">關(guān) 于 我 們</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class=menuout onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; onclick="location='/'">最 新 更 新</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class=menuout onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; onclick="location='/jscss/'">網(wǎng) 頁 特 效</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class=menuout onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; onclick="location='/'">源 碼 下 載</td>
            </tr>
            <tr>
              <td valign="middle" align="center" height="20" class=menuout onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; onclick="location='/'">最 后 更 新</td>
            </tr>
<tr>
              <td valign="middle" align="center" height="20" class=menuout onmouseover=this.className='menuover'; onmouseout=this.className='menuout'; onclick="location='/'">廣 告 聯(lián) 系</td>
            </tr>
          </table>
        </div>
          </div>
<a onclick="menuShow();" style="position: absolute; width: 97px; height: 130px; z-index: 1; left: 410px; top: 252px;cursor:hand; " alt=Menu>查看菜單</a>
</body>
</html>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2010-05-22

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索點(diǎn)擊文字后菜單慢慢展開
特效說明：
菜單導(dǎo)航模板-點(diǎn)擊文字后菜單慢慢展開。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

點(diǎn)擊文字后菜單慢慢展開_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些