// 鼠标移至导航条时的弹出隐藏下拉菜单
function toolBarHover(span) {
// 该数组存放各select控件原始的visibility属性值
var originalStatus = new Array();
var pop = $("#popup");
$(span).hover(function(){
span.attr("className", "tool_bar_onmouseover");
var spanOffset = $(this).offset();
pop.attr("className", "popup_mouseover");
pop.css("left", spanOffset.left - $("#c_shadow").offset().left);
pop.css("top", spanOffset.top - $("#c_shadow").offset().top + $(this).height());
pop.empty();
var level = parseInt(span.attr("level"));
var classmates = navigation_bar_classmates[level];
for (var i=0; i < classmates.length; i++) {
var item = $("<span></span>");
item.attr("id", classmates[i].item_id);
item.attr("level", classmates[i].level);
item.text(classmates[i].item_name);
item.bind("click", function(){
addNavigationItem($(this).clone());
pop.hide();
return false;
});
item.attr("className", "popup_mouseover");
item.hover(menuItemOnMouseOver, menuItemOnMouseOut);
pop.append(item);
}
//设置该对象的事件
pop.hover(divPopupOnMouseOver, divPopupOnMouseOut);
if (getOs() == "MSIE") {
var frm = $("<iframe id='iframePopup' scrolling='no' frameborder='0' style='position:absolute;visibility:inherit; top:0px; left:0px;'></iframe>");
frm.width(pop.width());
frm.height(pop.height());
frm.css("zIndex", pop.css("zIndex") - 1);
pop.append(frm);
}
pop.show("fast");
}, function(e) {
$(span).attr("className", "normal");
var left = $(span).offset().left;
var top = $(span).offset().top;
var height = $(span).height();
//获得鼠标位置
var x, y;
e = e || window.event;
if(e.pageX || e.pageY){
x=e.pageX;
y=e.pageY;
}else{
x=document.body.scrollLeft+event.clientX;
y=document.body.scrollTop+event.clientY;
}
if (!(y >= top+height)) {
pop.hide();
}
});
}
// 获取用户使用的浏览器
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isChrome=navigator.userAgent.indexOf("Chrome")>0){
return "Chrome";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
function menuItemOnMouseOver() {
$(this).attr("className", "popup_item_hover");
}
function menuItemOnMouseOut() {
$(this).attr("className", "popup_mouseover");
}
function divPopupOnMouseOver() {
}
function divPopupOnMouseOut() {
$(this).hide();
}
分享到:
相关推荐
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
这里包含jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css,我费了好长时间找到的,此东西可以配合jQuery UI开发指南一书使用。
jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片,文件等非常合适。 详情可参考:http://blog.csdn.net/programmer_sir/article/details/29570935
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换
jquery.qrcode.min.js 二维码的jquery插件
jquery.easing.1.3.min.js 动画效果js
jquery.easings.min.js
jquery-2.2.3.min.js
jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】
最新JQuery版本,3.2版本删减jQuery.holdReady(hold),jQuery.isArray(obj)等方法
jqueryUi-181107亲测可用,对应jquery-ui.min.js文件。
jquery-ui-1.9.2.custom.min.js
最新的JQUERY.COOKIE.MIN.JS
jquery的ui插件核心js文件: jquery.ui.widget.js
【解压后放在web目录】jquery.qrcode.min.js H5 html jsp生成二维码官方js库
jquery-2.1.3.min.js是利用HTML5和jQuery技术开发web app 的关键文档
jquery-qrcode的源码 jquery.qrcode.min.js 用于生成二维码
jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】
使用jquery插件, jquery.table2excel.js 将页面中的表格下载到本地 。
jquery-1.9.1.js 、jquery-1.9.1.min.js 【jquery包 js】