function Menu(objid, menulist) {
var mnu = $("#" + objid);//对像ID
var mnuPnl = $("#" + objid + "_pnl"); //菜单显示
var menuItem = [];
var addItem = function () {
menuItem.push("<ul>");
for (var i = 0; i < menulist.length; i++) {
menuItem.push("<li>" + menulist[i] + "</li>");
}
menuItem.push("</ul>");
mnuPnl.html(menuItem.join("")); /*********************************/
//没看出这有什么问题 求高人指点 添加\去掉 CLASS后菜单一闪一闪的
ChildsItems().each(function () {
$(this).mouseover(function () {
$(this).addClass("li_hover");
}).mouseout(function () {
$(this).removeClass("li_hover");
});
});
/*********************************/
};
var menuOff = function () {
var mnuOff = mnu.offset();
mnuPnl.css({ top: (mnuOff.top + mnu.height() - 1 + "px"),
left: (mnuOff.left + "px")
});
};
var ChildsItems = function () { return $("#" + objid + "_pnl li"); }
this.ClickFun = function () {
mnu.mouseover(function (event) {
addItem();
menuOff();
mnuPnl.show();
});
mnu.mouseout(function () {
mnuPnl.hide();
menuItem = [];
});
mnuPnl.mouseover(function () {
menuOff();
mnuPnl.show();
});
mnuPnl.mouseout(function () {
mnuPnl.hide();
});
};
}
-----------------------------------------------------------------
须加载jquery-1.4.1.js
---------------------------------------------
CSS:
.simple_menu_pnl{white-space:nowrap;background-color:#d9efff;border:1px solid #3993D2;display:none;position:absolute;z-index:999;width:100px; border-top:0px;}
.simple_menu_pnl ul{margin:0px;padding:2px;color:#004474; list-style:none;}
.simple_menu_pnl ul li{ margin:0px;font-size:12px;line-height:20px;font-family:宋体;cursor:pointer;white-space:nowrap;}
.li_hover{background-color:red;}
.simple_menu_pnl a,.simple_menu_pnl a:hover,.simple_menu_pnl a:active{outline:none;text-decoration:none;color:#004474;}
--------------------------------------------
调用:
<div id="menu1">事件菜单</div>
<div id="menu1_pnl" class="simple_menu_pnl">菜单选项</div>
$(function () {
var menulist =
[
"<a href='#' target='_mainFra'>个人资料</a>",
"<a href='#' target='_mainFra'>帐户设置</a>",
"<a href='#' target='_mainFra'>隐私设置</a>",
"<a href='#' target='_mainFra'>应用设置</a>"
];
var m1 = new Menu("menu1", menulist);
m1.ClickFun();
});
---------------------------------------------
============================================*/
var mnu = $("#" + objid);//对像ID
var mnuPnl = $("#" + objid + "_pnl"); //菜单显示
var menuItem = [];
var addItem = function () {
menuItem.push("<ul>");
for (var i = 0; i < menulist.length; i++) {
menuItem.push("<li>" + menulist[i] + "</li>");
}
menuItem.push("</ul>");
mnuPnl.html(menuItem.join("")); /*********************************/
//没看出这有什么问题 求高人指点 添加\去掉 CLASS后菜单一闪一闪的
ChildsItems().each(function () {
$(this).mouseover(function () {
$(this).addClass("li_hover");
}).mouseout(function () {
$(this).removeClass("li_hover");
});
});
/*********************************/
};
var menuOff = function () {
var mnuOff = mnu.offset();
mnuPnl.css({ top: (mnuOff.top + mnu.height() - 1 + "px"),
left: (mnuOff.left + "px")
});
};
var ChildsItems = function () { return $("#" + objid + "_pnl li"); }
this.ClickFun = function () {
mnu.mouseover(function (event) {
addItem();
menuOff();
mnuPnl.show();
});
mnu.mouseout(function () {
mnuPnl.hide();
menuItem = [];
});
mnuPnl.mouseover(function () {
menuOff();
mnuPnl.show();
});
mnuPnl.mouseout(function () {
mnuPnl.hide();
});
};
}
-----------------------------------------------------------------
须加载jquery-1.4.1.js
---------------------------------------------
CSS:
.simple_menu_pnl{white-space:nowrap;background-color:#d9efff;border:1px solid #3993D2;display:none;position:absolute;z-index:999;width:100px; border-top:0px;}
.simple_menu_pnl ul{margin:0px;padding:2px;color:#004474; list-style:none;}
.simple_menu_pnl ul li{ margin:0px;font-size:12px;line-height:20px;font-family:宋体;cursor:pointer;white-space:nowrap;}
.li_hover{background-color:red;}
.simple_menu_pnl a,.simple_menu_pnl a:hover,.simple_menu_pnl a:active{outline:none;text-decoration:none;color:#004474;}
--------------------------------------------
调用:
<div id="menu1">事件菜单</div>
<div id="menu1_pnl" class="simple_menu_pnl">菜单选项</div>
$(function () {
var menulist =
[
"<a href='#' target='_mainFra'>个人资料</a>",
"<a href='#' target='_mainFra'>帐户设置</a>",
"<a href='#' target='_mainFra'>隐私设置</a>",
"<a href='#' target='_mainFra'>应用设置</a>"
];
var m1 = new Menu("menu1", menulist);
m1.ClickFun();
});
---------------------------------------------
============================================*/
这是笑果! 老大们帮看看