實現彈出式下拉菜單
.1.1
使用說明
包含文件:menu_dropdownC.css,menu_dropdownC.js
1. 載入時生成菜單 ,調用語句:
1. 在<body>標簽下加入語句:
<SCRIPT language=javascript>
if (mtDropDown.isSupported()) {
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0,
mtDropDown.reference.bottomLeft);
}
</SCRIPT>
2. 在需要加载菜单的地方加入语句:
<TD id=menu6 width=72> ShowMenu</TD>
<SCRIPT language=javascript>
if (mtDropDown.isSupported()) {
var menu1 = ms.addMenu(document.getElementById("menu6"));
menu1.addItem("Title1","Url1");
menu1.addItem("Tile2","Url2");
}
</SCRIPT>
3.在</body>標簽前加入語句
<SCRIPT language=javascript>
if (mtDropDown.isSupported()) {
mtDropDown.renderAll();
}
</SCRIPT>
4. Page onload 触发 mtDropDown.initialize();
2. 用戶把鼠標放到相關位置時動態生成菜單, 調用語句:
1. 在<body>標簽下加入語句:
<SCRIPT language=javascript>
if (mtDropDown.isSupported()) {
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0,
mtDropDown.reference.bottomLeft);
}
</SCRIPT>
<div id=menuDropDown ></div>
2. 在需要加载菜单的地方加入语句:
<TD name=model width=72 onmouseover=’PopMenu(this)’> ShowMenu </TD>
在頁面的 script 標簽加入函數 PopMenu(obj)
Function PopMenu(obj){
var row=obj.parentElement.rowIndex
if (mtDropDown.isSupported()){
mtDropDown.hideDelay = 800; //彈出菜單的隱藏時間;單位毫秒
mtDropDown.slideTime = 500;
var menu1 = ms.addMenu(obj);
menu1.contentWidth = 200;
评论7