// 鼠标移至导航条时的弹出隐藏下拉菜单
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.hash.min.js` 和 `jquery.ba-hashchange.min.js` 这两个文件则是在 jQuery 基础上扩展了对浏览器 URL hash 变化的处理,从而实现单页面应用(Single Page Application, SPA)中后退和前进按钮的刷新功能...
此外,"jquery.cookie.js"是另一个jQuery插件,用于处理浏览器的Cookie。它允许开发者方便地读取、写入和删除Cookie,从而实现用户数据的本地存储,这对于实现记住密码、页面状态保存等功能非常有用。 在实际应用中...
`jquery-ui-1.8.16.custom.min.js` 是jQuery UI的核心JavaScript文件,经过压缩处理("min"表示最小化),以减小文件大小,提高页面加载速度。这个文件包含了各种UI组件的实现,如对话框(Dialog)、滑块(Slider)...
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery....
对于JSP页面,集成方式基本一致,只需将jQuery和`jquery.qrcode.min.js`的引入替换为服务器路径: ```jsp ;charset=UTF-8" language="java" %> <title>jQuery QRCode JSP 示例 <script src="<%= request....
jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片,文件等非常合适。 详情可参考:http://blog.csdn.net/programmer_sir/article/details/29570935
jQuery-3.6.0.min.js
jquery.qrcode.min.js 二维码的jquery插件
《jQuery 3.1.1版本详解:从js到min.js》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件...
最新的JQUERY.COOKIE.MIN.JS
jquery.easing.1.3.min.js 动画效果js
jquery-2.2.3.min.js
jquery.easings.min.js
jquery.validate.min.js jquery jquery验证插件 validate
jquery的ui插件核心js文件: jquery.ui.widget.js
jquery-qrcode的源码 jquery.qrcode.min.js 用于生成二维码
jquery.table2excel.js,一款挺好用的javascript导出插件,需要jquery-1.7.1.min.js的支持。使用方法: $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); ...
2. `jquery.min-3.3.1.js`:这是一个经过压缩和优化的版本,目的是为了减少文件大小,提高页面加载速度。通过删除不必要的空格、换行和注释,以及对变量名进行混淆,这个版本的文件体积大大减小,对于生产环境是首选...
压缩后的`jquery-1.11.1.min.js`通过删除注释、合并变量、压缩代码等方式,显著减少了文件大小,提高了页面加载速度。然而,由于代码被高度压缩,不适合用于调试,因为其可读性较差。 8. **使用场景** jQuery广泛...