向上展開的半透明菜單_菜單導(dǎo)航特效

向上展開的半透明菜單，展開菜單后是可以看到背景的哦，透明度自己設(shè)置一下，風(fēng)格有點(diǎn)類似XP系統(tǒng)的右鍵菜單一樣，鏈接顏色什么的你需要自己修改一下，以適合你的網(wǎng)頁(yè)風(fēng)格。

<HTML>
<HEAD>
<TITLE>向上展開的菜單</TITLE>
<META http-equiv=Content-Type mrc="text/html; charset=gb2312">
<STYLE>
body{
background:url(http://p1.mb5u.com/texiao/0/20100522230638213.jpg);
}
.menuover {
BORDER-RIGHT: #1a71e6 1px solid; BORDER-TOP: #1a71e6 1px solid; BORDER-LEFT: #1a71e6 1px solid; CURSOR: hand; BORDER-BOTTOM: #1a71e6 1px solid; BACKGROUND-COLOR: #eaf2fd
}
.menuout {
    CURSOR: hand
}
TD {
    FONT-SIZE: 12px; COLOR: #1a71e6;TEXT-DECORATION: none
}
A {
    FONT-SIZE: 12px; COLOR: #1a71e6; ‘TEXT-DECORATION: none
}
</STYLE>
<SCRIPT>
var moveStep = 15; // 移動(dòng)單位
var moveTime = 10; //移動(dòng)時(shí)間
function MoveMenuBox()
{
 if(MenuBox.doing)
 {
  clearInterval(MenuBox.doing)
 }
 
 moveStep *= -1
 
 MenuBox.doing = setInterval("DoMoveAction()",moveTime)
}
function DoMoveAction()
{
 var judger = MenuBox.style.pixelTop + moveStep;
 if(moveStep>0)
 {
  if(judger <= MenuBox.parentElement.offsetHeight)
  {
   MenuBox.style.pixelTop = judger
  }
  else
  {
   MenuBox.style.pixelTop = MenuBox.parentElement.offsetHeight;
   clearInterval(MenuBox.doing);
   MenuBox.doing = false;
  }
 }
 else
 {
  if(judger >= 0)
  {
   MenuBox.style.pixelTop = judger
  }
  else
  {
   MenuBox.style.pixelTop = 0;
   clearInterval(MenuBox.doing);
   MenuBox.doing = false;
  } 
 }
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD width="100%">
      <DIV style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 100%">
      <TABLE id=MenuBox 
      style="BORDER-RIGHT: #1a71e6 1px solid; BORDER-TOP: #1a71e6 1px solid; VISIBILITY: hidden; BORDER-LEFT: #1a71e6 20px solid; BORDER-BOTTOM: #1a71e6 1px solid; POSITION: relative" 
      cellSpacing=4 cellPadding=0 width=130>
        <TBODY>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>關(guān)于我們</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>廣告服務(wù)</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>用戶留言</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>下載排行</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>最新更新</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>網(wǎng)頁(yè)殊效</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>源碼下載</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>模板無(wú)憂</TD></TR></TBODY></TABLE></DIV></TD></TR>
  <TR>
    <TD width="100%">
      <TABLE id=judgerBox height=29 cellSpacing=0 cellPadding=0 width=130>
        <TBODY>
        <TR>
          <TD style="FONT-SIZE: 6px" vAlign=center align=middle width=128 
          bgColor=#ffffff height=4></TD></TR>
        <TR>
          <TD 
          style="BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #ffffff 1px outset; BORDER-LEFT: #ffffff 1px outset; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px outset; BACKGROUND-COLOR: #1a71e6" 
          onclick=MoveMenuBox() vAlign=center align=middle width=128 
            height=25>打開菜單</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT>
function window.onload()
{
 MenuBox.style.pixelTop = MenuBox.parentElement.offsetHeight;
 MenuBox.style.visibility = "visible"
}
</SCRIPT>

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

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

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

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

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

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索向上展開的半透明菜單
特效說(shuō)明：
菜單導(dǎo)航模板-向上展開的半透明菜單。

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

向上展開的半透明菜單_菜單導(dǎo)航特效

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

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

猜你也喜歡看這些