廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 31682 個閱讀者
 
<<   1   2  下頁 >>(共 2 頁)
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
USB 手機
個人頭像
個人文章 個人相簿 個人日記 個人地圖
特殊貢獻獎
小有名氣
級別: 小有名氣 該用戶目前不上站
推文 x1 鮮花 x228
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[JScript][教學] 穿越框架的下拉式選單
因為用flash做出來的下拉式選單,還不是很熟也不大會@@"
今天無意中從朋友那邊A到這個JAVA範例檔


1.放在<head>與</head>之間
複製程式
<link href="../default.css" rel="stylesheet" type="text/css">
<script language="JScript">
var MediaList=new Array();
TitleArray0=["資源下載","資源上傳","資源統計","資源檢索","資源刪除","資源信息修改","資源審核情況","資源更新信息"];
var EventArray0=["../01.htm","../02.htm","../03.htm","../04.htm","../05.htm"];
var TitleArray1=["知識點瀏覽","分類瀏覽"];
var EventArray1=["application/resvie/re_v_p_index.asp","application/resvie/re_v_i_index.asp"];
TitleArray2=["個人信息","修改個人信息","權限申請","用戶組管理","設置用戶組","修改用戶組","修改用戶權限","增加用戶","用戶統計"];
var EventArray2=["application/usermanage/index_u.htm","application/usermanage/index_m.htm","application/usermanage/index_a.htm","application/usermanage/index_r.htm"];
TitleArray3=["修改學科","學科列表","增加學科","刪除學科",true,"增加資源類型","刪除資源類型",true,"知識點列表","增加知識點","刪除知識點","移動知識點","修改知識點"];
var EventArray3=["application/usermanage/index_u.htm","application/usermanage/index_m.htm","application/usermanage/index_a.htm","application/usermanage/index_r.htm"];
var TitleArray4=["增加收藏資源","刪除收藏資源","移動收藏資源"];

function AstrNode(SIndex){var EventArray4=["application/usermanage/index_u.htm","application/usermanage/index_m.htm","application/usermanage/index_a.htm","application/usermanage/index_r.htm"];
        var str=[];
        var CW_Array=eval("TitleArray"+SIndex);
        var En_Array=eval("EventArray"+SIndex);
        for(var i=0;i<CW_Array.length;i++){
                if(CW_Array[i]!=true){
                        str[i]="<tr><td style='height:20' onclick='top.mainFrame.location=\""+En_Array[i]+"\"'><a href='#'>"+CW_Array[i]+"</a></td></tr>";
                        }
                else{
                        str[i]="<tr><td style='font-size:1;background:#cccccc'></td></tr>";
                        }
                }
        return "<table class='trd' width=颼' border=Ɔ' cellspacing=Ɔ' cellpadding=Ɔ' style='font-size:9pt;border:1 solid #595432'>"+str.join("")+"</table>";
        }
function ShowMenu(SIndex){
        var obj=event.srcElement;
        var New_CW=window.createPopup();
        var CW_Body=New_CW.document.body;
        New_CW.document.createStyleSheet("default.css");
        var CW_Array=eval("TitleArray"+SIndex);
        CW_Body.innerHTML=AstrNode(SIndex);
        New_CW.show(event.screenX-event.offsetX-2,event.screenY-event.offsetY+22,100,CW_Array.length*20+2+(SIndex==3?-38:0));
        }
function goUrl(Url){
        parent.mainFrame.location=Url;
        }
</script>
<style type="text/css">
<!--
.tdcs {
padding-bottom:2;
color:#000000;
}
-->
</style>

2.將下面的語法複製到<body>裡複製程式
<body leftmargin="0" topmargin="0"><script type='text/javascript' src='/pop.js'></script>

3.將下面的語法複製到<body>兩</body>裡
複製程式
<div>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="c.gif" bgcolor="#FFFFFF" style="cursor:hand">
              <tr> 
                     <td width="14" align="center" bgcolor="#FFFFFF"><img src="../l.gif" width="14" height="26"></td>
                     <td width="80" align="center" onmouseover="this.style.color='#999999'" onmouseout="this.style.color=''" onclick="parent.location='main.asp'">首頁</td>
                     <td width="80" align="center" id="TitleBox" onmouseover="ShowMenu(0);this.style.color='#999999'" onmouseout="this.style.color=''" onclick="parent.location='unlogin.asp'">資源管理</td>
                     <td width="80" align="center" id="TitleBox" onmouseover="ShowMenu(1);this.style.color='#999999'" onmouseout="this.style.color=''" onclick="goUrl('application/resmanage/index.htm')">資源瀏覽</td>
                     <td width="80" align="center" id="TitleBox" onmouseover="ShowMenu(2);this.style.color='#999999'" onmouseout="this.style.color=''" onclick="goUrl('#')">用戶管理</td>
                     <td width="80" align="center" id="TitleBox" onmouseover="ShowMenu(3);this.style.color='#999999'" onmouseout="this.style.color=''" onclick="goUrl('#')">系統管理</td>
                     <td width="80" align="center" id="TitleBox" onmouseover="ShowMenu(4);this.style.color='#999999'" onmouseout="this.style.color=''" onclick="goUrl('#')">我的最愛</td>
                     <td width="80" align="center" onmouseover="this.style.color='#999999'" onmouseout="this.style.color=''" onclick="parent.location=༽.htm'">用戶手冊</td>
                     <td width="80" align="center" onmouseover="this.style.color='#999999'" onmouseout="this.style.color=''" onclick="parent.mainFrame.location=༾.htm'">登出</td>
                     <td width="80" align="center" onmouseover="this.style.color='#999999'" onmouseout="this.style.color=''" onclick="top.opener=null;top.close()">關閉視窗</td>
                     <td> </td>
                     <td width="12" align="right" bgcolor="#FFFFFF"><img src="../r.gif" width="12" height="26"></td>
              </tr>
       </table>
</div>

如果懶的話直接下載附件的檔案去修改比較快


本帖包含附件
zip teach.rar   (2022-06-09 14:01 / 4 KB)   下載次數:306



獻花 x2 回到頂端 [樓 主] From: | Posted:2005-09-03 20:59 |
benzgigi 手機
個人文章 個人相簿 個人日記 個人地圖

初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x73
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

看到下載次數有30次~卻沒人回復!!
大大這麼辛苦的PO這麼多出來^^
受益良多!!謝謝~~
獻上一朵花~表示敬意!! 表情


獻花 x0 回到頂端 [1 樓] From:台灣 | Posted:2005-12-17 19:47 |
long5306
數位造型
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x0 鮮花 x26
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

有很多相關檔案不在,看不出效果呀!


獻花 x0 回到頂端 [2 樓] From:台灣教育部 | Posted:2006-03-29 14:19 |
USB 手機
個人頭像
個人文章 個人相簿 個人日記 個人地圖
特殊貢獻獎
小有名氣
級別: 小有名氣 該用戶目前不上站
推文 x1 鮮花 x228
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

下面是引用long5306於2006-03-29 14:19發表的 :
有很多相關檔案不在,看不出效果呀!

附件是個simple,裡面的網頁連結依照自己所需需改即可。


獻花 x0 回到頂端 [3 樓] From:台灣教育網 | Posted:2006-03-30 14:53 |
yrice
數位造型
個人文章 個人相簿 個人日記 個人地圖
路人甲
級別: 路人甲 該用戶目前不上站
推文 x0 鮮花 x14
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

感謝阿
這是做網頁常遇到的問題..
曾因無法穿越而煩惱很久 表情


鮮花.星星是什麼阿?? 可以吃嗎?
我的blog
獻花 x0 回到頂端 [4 樓] From:台灣中華電信 | Posted:2006-04-04 11:47 |
gpcbbs 手機
個人頭像
個人文章 個人相簿 個人日記 個人地圖
知名人士
級別: 知名人士 該用戶目前不上站
推文 x1 鮮花 x1061
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

請問這個選單可以做出多重的嗎
他只能做一層嗎
謝謝您的指教
我還在等您的回答
再次謝謝


[ 此文章被gpcbbs在2006-07-26 07:58重新編輯 ]


獻花 x0 回到頂端 [5 樓] From:台灣中華電信 | Posted:2006-04-08 18:13 |
20020011
數位造型
個人文章 個人相簿 個人日記 個人地圖
路人甲
級別: 路人甲 該用戶目前不上站
推文 x0 鮮花 x1
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

哇~~看起來很棒的樣子~~來玩玩看


獻花 x0 回到頂端 [6 樓] From:台灣中華電信 | Posted:2006-04-15 00:18 |
takaoksj
數位造型
個人文章 個人相簿 個人日記 個人地圖
路人甲
級別: 路人甲 該用戶目前不上站
推文 x0 鮮花 x1
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

辛苦你啦!!
好用的東西要跟大家分享!!
而我收到了好用的東西了!!


~ 偶要幸福 ~
獻花 x0 回到頂端 [7 樓] From:台灣中華電信 | Posted:2006-05-25 20:27 |
casper
個人文章 個人相簿 個人日記 個人地圖
小有名氣
級別: 小有名氣 該用戶目前不上站
推文 x0 鮮花 x14
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

這個範例不錯耶,感謝你了! 表情


獻花 x0 回到頂端 [8 樓] From:台灣新世紀資通 | Posted:2006-08-25 12:25 |
sex1968
數位造型
個人文章 個人相簿 個人日記 個人地圖
路人甲
級別: 路人甲 該用戶目前不上站
推文 x0 鮮花 x0
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

真感謝!非常有幫助,但沒有權限下載附件。


獻花 x0 回到頂端 [9 樓] From:局域網對方和您在同一內部網 | Posted:2006-09-12 10:29 |

<<   1   2  下頁 >>(共 2 頁)
首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.066743 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言