資訊論壇一Xfunz.com » GoDiary技術交流 » html教學 » 跳 出 式 動 態 選 單 
| 幫助  [傳統論壇首頁] RSS 訂閱全部論壇最新主題 RSS 訂閱全部論壇最新回應   


 資料搜尋:    進階搜尋



小提示: 如何查看更多新主題?

登入系統
 
登入代號:  
登入密碼:  
記住我!認住我!
立即註冊 忘記密碼
每 天 熱 門 主 題
  記得那十月十八號^^
  art
  勁人擲火骰, 你見過未
  魔力天堂2天堂二私服8章天堂II私服繁體八章
  LiveEvil 天堂私服
  全新特厚挺身 男女適用 貨車帽 CAP帽
  迷人少女
  排球女將
  勁!! 真正的街頭boxing

最 新 主 題
  【趣味】夠飢渴!夜店裡面對爆乳正妹的挑逗!
  【趣味】公司人事精簡化的極致表現
  勁人擲火骰, 你見過未
  史上最強的偷渡搞笑視頻
  LiveEvil 天堂私服
  魔力天堂2天堂二私服8章天堂II私服繁體八章
  恐怖在線 2008-10-13 + 舊檔重溫
  全新特厚挺身 男女適用 貨車帽 CAP帽
  art
  記得那十月十八號^^
最 新 回 覆
  千千靜聽播放器5.2.1繁體版集播放、轉換、歌詞等功能
  模特兒行catwalk時臨尾香.....走光 ( 18禁 ) ps: 有棵露鏡頭
  香港增補字集+速成輸入法 (wm5/wm6)
  《DESIRE欲望》[全21卷]女性凌虐、蹂躏艺术的颠峰之作
  永久刪除
  art
  記得那十月十八號^^
  七彩神仙魚圖片(又名車輪魚)
  驚險之旅‧香薰園
  【NOKIA主題製作工具】官方s60 Theme 製作

標題: 跳 出 式 動 態 選 單
小得子
系統管理員[@Xfunz]
Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9


UID 2
精華 1
積分 1006
帖子 3711
X分 1006 分
金錢 3639 蚊
閱讀權限 200
註冊 2006-6-2
來自 xfunz
發表於 2006-6-16 03:36 AM  資料  個人空間  短消息  加為好友 

跳 出 式 動 態 選 單

<script language="JavaScript1.2">

ie=document.all?1:0
n=document.layers?1:0

var moveOnScroll=true

var hideAll=true

function makeMenuBar(obj,nest,vis){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
        this.hideIt=b_hideIt;        this.showIt=b_showIt; this.vis=b_vis                                                
        if(ie && vis) this.css.visibility='hidden'
        this.state=1
        this.go=0
        this.height=n?this.css.document.height:eval(obj+'.offsetHeight')
        this.top=b_gettop
    this.obj = obj + "Object";         eval(this.obj + "=this")        
}

function b_gettop(){
        var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
        return gleft;
}

function b_showIt(){
        this.css.visibility="visible"
}
function b_hideIt(){
        this.css.visibility="hidden"
}
function b_vis(){
        if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;
}

function checkScrolled(){
        if(!oMenu.go)oMenu.css.top=(!oMenu.state)?eval(scrolled):eval(scrolled)
        if(n) setTimeout('checkScrolled()',30)
}
function menuBarInit(){
        oSub=new Array()
        oSub[0]=new makeMenuBar('divSub0','divBg',1)
        oSub[1]=new makeMenuBar('divSub1','divBg',1)
        oSub[2]=new makeMenuBar('divSub2','divBg',1)
        oSub[3]=new makeMenuBar('divSub3','divBg',1)
        oSub[4]=new makeMenuBar('divSub4','divBg',1)
        oSub[5]=new makeMenuBar('divSub5','divBg',1)
        oMenu=new makeMenuBar('divBg')
        scrolled=n?"window.pageYOffset":"document.body.scrollTop"
        oMenu.css.top=eval(scrolled)
        oMenu.css.visibility='visible'
        if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}

function extract(num){
        if(hideAll){
                for(i=0;i<oSub.length;i++){
                        if(num!=i) oSub.hideIt()
                }
        }
        !oSub[num].vis()?oSub[num].hideIt():oSub[num].showIt();

}

onload=menuBarInit;
</script>


<div id="divBg" style="width: 497; height: 232">
  <table width="439" border="0" cellspacing="0" cellpadding="5" align="CENTER" valign="MIDDLE">
    <tr bgcolor="#C0C0C0">
               
      <td height="30" width="73"><a href="#" onclick="extract(0); return false">選單一</a></td>
               
      <td width="73"><a href="#" onclick="extract(1); return false">選單二</a></td>
               
      <td width="73"><a href="#" onclick="extract(2); return false">選單三</a></td>
               
      <td width="73"><a href="#" onclick="extract(3); return false">選單四</a></td>
               
      <td width="73"><a href="#" onclick="extract(4); return false">選單五</a></td>
               
      <td width="74"><a href="#" onclick="extract(5); return false">選單六</a></td>
        </tr>
        <tr>
                <td valign="TOP" width="73">
                <div id="divSub0" class="clSub">
          <a href="#">選項1-1</a> <br>
          <a href="#">選項1-2</a><br>
          <a href="#">選項1-3</a><br>
          </div>
                </td>
                <td valign="TOP" width="73">
                <div id="divSub1" class="clSub"> <a href="#">選項2-1</a> <br>
          <a href="#">選項2-2</a><br>
          <a href="#">選項2-3</a> </div>
                </td>
                <td valign="TOP" width="73">
                <div id="divSub2" class="clSub"> <a href="#">選項3-1</a> <br>
          <a href="#">選項3-2</a><a href="#">選項3-3</a> </div>
                </td>
                <td valign="TOP" width="73">
                <div id="divSub3" class="clSub"> <a href="#">選項4-1</a> <br>
          <a href="#">選項4-2</a><br>
          <a href="#">選項4-3</a><br>
         
                </div>
                </td>
                <td valign="TOP" width="73">
                <div id="divSub4" class="clSub"> <a href="#">選項5-1</a> <br>
          <a href="#">選項5-2</a><br>
          <a href="#">選項5-3</a><br>
           </div>
                </td>
                <td valign="TOP" width="74">
                <div id="divSub5" class="clSub"> <a href="#">選項6-1</a> <br>
          <a href="#">選項6-2</a><br>
          <a href="#">選項6-3</a><br>
           </div>
                </td>
        </tr>
</table>
</div>







修 改 原 始 碼 的 內 容 ( 修改以下紅色的部分,原始碼中所有以下的部份要修改 )

<a href="#" onclick="extract(0); return false">選單</a></td>

頂部
 

小提示: 如何查看更多新主題?

Your Ad Here


Processed in 0.326582 second(s), 9 queries , Gzip enabled

歡迎光臨!   註冊 登錄 搜索 Banner exchange  
   
重要聲明:本討論區是以即時上載留言的方式運作,Xfunz.com對所有留言的真實性、完整性及立場等,不負任何法律責任。而一切留言之言論只代表留 言者個人意見,並非本網站之立場,用戶不應信賴內容,並應自行判斷內容之真實性。於有關情形下,用戶應尋求專業意見(如涉及私人、買賣、醫療、法律或投資 等問題)。由於討論區是受到「即時留言」運作方式所規限,故不能完全監察所有即時留言,若讀者發現有留言出現問題,請聯絡我們。Xfunz.com有權 刪除任何留言及拒絕任何人士留言,同時亦有不刪除留言的權利。切勿撰寫粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論,敬請自律。本網站保留一切法律權利。
當前時區 GMT+8, 現在時間是 2008-10-14 09:49 PM 清除 Cookies- 聯繫我們 - 專業知識分享資訊論壇一Xfunz.com - Archiver - WAP
<< 使用條款及免責聲明 >> - << 私隱政策 >> - << 本網站域名列表 >>