[外掛]將討論區上方選項改成Java下拉式選單...

文章由 **bartman926** » 2004-04-08 10:50

範例: http://camry.b-art.idv.tw/anc/
小弟我已經加上了正體中文版權

JSCookMenu (v1.23)
is a powerful menu script written in JavaScript that can mimic complex menus found in popular GUI Applications.
It is relatively simple and easy to use. Creating a new theme requires some patience,
but rarely does one has to write one since some good ones are provided

官方網址： http://www.cs.ucla.edu/~heng/JSCookMenu/

直接提供四種Theme下載：
http://www.cs.ucla.edu/~heng/archives/JSCookMenu/

【安裝說明】

請參考此頁：http://www.cs.ucla.edu/~heng/JSCookMenu/tutorial.html
英文不用很好…看標題及此頁附的程式碼就會大概了解要做什麼了

1.建立menu的javascript (1.Creating a Menu)
　可用作者提供的Menu Builder製作
　http://www.cs.ucla.edu/~heng/JSCookMenu ... ilder.html

2.選擇樣式(2. Pick a Theme)

選擇樣式並將說明中相關的 js 貼在網頁上<head>中\r
要注意的是:
1. JSCookMenu.js 必須要在themes and the menu 程式碼前面...
2. 所有相關路徑請修改成自己網站的相對目錄..

3.顯示選單(3. Display the Menu)
　在你要顯示menu的位置上加上該頁說明的程式碼\r

第四Trouble Shooting..
　到第三點就ok了，這段是說明那些可能會造成menu無法產生的因素

PhpBB部分:...
1. 打開 overall_header.tpl ...\r

2.找到-

代碼: 選擇全部

</head>

3.之前加上-(*路徑與theme請自行修改)

代碼: 選擇全部

<SCRIPT LANGUAGE="JavaScript" SRC="/~heng/JSCookMenu/JSCookMenu.js"></SCRIPT>

<LINK REL="stylesheet" HREF="/~heng/JSCookMenu/ThemeOffice/theme.css" TYPE="text/css">
<SCRIPT LANGUAGE="JavaScript" SRC="/~heng/JSCookMenu/ThemeOffice/theme.js"></SCRIPT>

以下內容...我是將原本內容註解掉...僅供參考！主要是將js碼貼對即可！

4.找到-

代碼: 選擇全部

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

5.後面加上-

代碼: 選擇全部

<!--

6.向下找到-

代碼: 選擇全部

		</table>

		<br />

7.之前加上-

代碼: 選擇全部

//-->

8.貼上js碼-
(反正放在<body><table>...</*>中間..)以下參考內容請參考說明更改成您要的...http://www.cs.ucla.edu/~heng/JSCookMenu/tutorial.html

代碼: 選擇全部

<tr>
<td ID=myMenuID>
<SCRIPT LANGUAGE="JavaScript"><!--
var myMenu =
[
    ['icon', 'title', 'url', 'target', 'description'],  // a menu item
    ['icon', 'title', 'url', 'target', 'description'],  // a menu item
    _cmSplit,
    ['icon', 'title', 'url', 'target', 'description',   // a folder item
        ['icon', 'title', 'url', 'target', 'description'],  // a menu item
        _cmSplit,
        ['icon', 'title', 'url', 'target', 'description'],  // a menu item
        ['icon', 'title', 'url', 'target', 'description',   // a folder item
            ['icon', 'title', 'url', 'target', 'description'],  // a menu item
            ['icon', 'title', 'url', 'target', 'description']  // a menu item
        ]
    ]
];
cmDraw ('myMenuID', myMenu, 'hbr', cmThemeOffice, 'ThemeOffice');
--></SCRIPT>				
</td>
</tr>