- 浏览: 695857 次
- 性别:
- 来自: 福建
文章分类
最新评论
-
羽翼的心动:
同意2楼的说法,我们公司之前一个项目用过pageoffice, ...
poi导出excel文件工具类 -
贝塔ZQ:
poi实现导出excel文件,蛮麻烦的,用pageoffice ...
poi导出excel文件工具类 -
aishiqiang:
为什么我的项目配置好证书后,每次使用jenkinst自动构建包 ...
关于使用https协议,cas认证PKIX path building failed错误解决方法 -
zhongmin2012:
谢谢分享,正在想看
AST解析java源文件相关jar包 -
mybestroy1108:
感谢分享!受益良多!
Jboss7 JMS demo
最近都不知道在忙些什么,没什么项目可做的,一天一天照样过的很快,昨天下午写了个jpopmenu插件,今天把这个jQuery插件整理了下放到je博客上,大家参考下:arrow:
来看看代码吧:
截张效果图:
新版本jpopmenu v1.0.1增加了对click、mousedown、mouseup、oneClick等事件的支持。
新版本jpopmenu v1.0.2修复bug,取消了对mouseup事件的支持。
来看看代码吧:
// / <reference path="jquery.js"/> /* * jpopmenu version: 1.0.0 (2010-01-21) @ jQuery v1.3.* * * css style: * .containerClass{position:absolute;z-index:999;padding:2px;background-color:white;border:1px #B1B1B1 solid;} * .containerClass a{display:block;width:80px;padding:3px 10px;text-decoration:none;overflow:hidden; * white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#525252;} * * usage as: * $('#dom_id').jpopmenu({ * containerClass:"containerClass", // 容器样式 * domObject:dom, // dom对象 或 html代码 * triggerEvent:'dblclick' // 触发事件,支持:mouseover、dblclick、hover * }); * * Copyright 2009 LYM [ lym6520@qq.com ] */ jQuery.fn.jpopmenu = function(setting) { // 默认参数 var options = { containerClass : "containerClass", // 容器样式 domObject : "请设置domObject参数!", // dom对象 triggerEvent : "mouseover" // 触发事件,支持:mouseover、dblclick、hover }; // 使用用户设置的参数 if (setting) { jQuery.extend(options, setting); } var _this = this; // 初始化每个对象 return this.each(function() { var documentClick = null; // 创建容器 var container = document.createElement("div"); container.className = options.containerClass; container.style.display = "none"; // 添加容器到document.body document.body.appendChild(container); /** * 显示 */ _this.show = function() { _this.hide(); var offset = jQuery(_this).offset(); with (container.style) { left = offset.left + "px"; top = offset.top + jQuery(_this).height() + "px"; display = "block"; position = "absolute"; } jQuery(document).click(documentClick = function() { _this.hide(); }); } /** * 隐藏 */ _this.hide = function() { jQuery(document).unbind("click", documentClick); jQuery("." + options.containerClass).css("display", "none"); }; /** * 设置容器内容 */ _this.setContent = function(obj) { if (typeof obj == "string") { container.innerHTML = obj; } else { container.innerHTML = ""; container.appendChild(obj); } }; // 把domObject添加到容器container中 _this.setContent(options.domObject); //事件选择 switch (options.triggerEvent) { case 'mouseover' : jQuery(_this).mouseover(function() { _this.show(); }); break; case 'dblclick' : jQuery(_this).dblclick(function() { _this.show(); }); break; case 'hover' : jQuery(_this).hover(function() { _this.show(); }); break; default : alert("请设置triggerEvent触发事件类型!支持:mouseover、dblclick、hover等事件。"); break; } }); };
截张效果图:
新版本jpopmenu v1.0.1增加了对click、mousedown、mouseup、oneClick等事件的支持。
新版本jpopmenu v1.0.2修复bug,取消了对mouseup事件的支持。
- jpopmenu.rar (35.8 KB)
- 下载次数: 6
- jpopmenu_v1.0.1.rar (38.9 KB)
- 下载次数: 2
- jpopmenu_v1.0.2.rar (40.3 KB)
- 下载次数: 8
评论
3 楼
lym6520
2010-02-01
新版本jpopmenu v1.0.2修复bug,取消了对mouseup事件的支持。
2 楼
lym6520
2010-01-29
新版本jpopmenu v1.0.1增加了对click、mousedown、mouseup、oneClick等事件的支持。
1 楼
lym6520
2010-01-23
上传个demo!
发表评论
-
解决EXT3 GridPanel 无法选中复制问题
2016-05-07 09:11 1210通过实践,删除gridPanel上指定class=" ... -
apexUpload flash上传控件
2015-05-24 16:56 1660简单易用的flash附件上传,使用jquery封装调用。 ... -
设置iframe的高度
2012-03-29 10:55 10584为了使iframe不出现滚动条(使用浏览器自身的滚动条),需要 ... -
避免IE内存泄漏的几点建议
2010-03-25 10:40 0对于一个JS程序员来说,个人觉得深入了解IE内存泄漏没有很大必 ... -
jquery:利用jsonp跨域访问
2010-03-16 14:56 5377客户端的跨域访问,可以通过jsonp方式来实现 ... -
jsonp跨域访问
2010-03-16 14:54 36681. 什么是JSONP? JSONP(JSON wit ... -
firfox下div、span等对象的onkeydown、onkeyup不起作用问题解决
2010-03-15 17:18 2390firfox下div、span等对象的onkeydown、on ... -
写了个Jquery分页导航条插件
2009-12-04 08:47 4901这两天学习jquery插件开发,把之前写的一个分页导航条写成了 ... -
操作iframe中的对象
2009-11-12 09:47 1839获得iframe中的document对象 var ifram ... -
通过setTimeout调用设置iframe src的方法导致刷新页面时弹出没有权限错误!
2009-11-02 18:16 5603通过setTimeout调用设置iframe src的方法导致 ... -
jQuery 实现分页导航v2.0
2009-08-15 10:40 1908之前有上传一个版本可 ... -
编写高性能的javascrip一些资料
2009-06-05 13:34 1239前几天同事发了个编写高性能的javascrip一些资料,发上来 ... -
JQuery技术入门ppt
2009-05-14 21:22 3323前段时间准备了JQuery课件,给大家介绍了下如何更好的学习 ... -
JavaScript实现消息动态循环
2009-04-23 14:40 1727<html> <head> ... -
JQUERY对页面属性的选择控制(整理)
2009-03-24 13:49 1642JQUERY对页面属性的选择控制(整理) 1.#id:通过元 ... -
JavaScript 控制select下拉框不选中
2009-03-18 21:27 4007JavaScript 控制select下拉框不选中 var ... -
Javascript URL编码方法的比较
2009-03-13 10:58 1230javascript中存在几种对URL字符串进行编码的方法:e ... -
JavaScript处理键盘事件
2009-03-09 19:23 1798input标签中:onkeydown="javasc ... -
使用JavaScript提交表单浏览器兼容问题
2009-03-07 09:59 3825在提交表单的时候,如果用基本控制提交表单的话,使用(这里假设表 ... -
设为首页 添加到收藏夹(兼容火狐和ie)
2009-03-04 13:51 3149//添加到收藏夹 function addBookmar ...
相关推荐
jQuery插件:可拖动的图片展示实例(效果超酷) jQuery插件:可拖动的图片展示实例(效果超酷)
jQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogs
JQuery插件:alert、confirm、prompt对话框插件
优秀jQuery插件:增强网站吸引力.pdf
这是本人发布的第一个jquery插件,有什么意见可以提,我csdn博客里有使用说明.
来自James Smith (http://loopj.com)一个JQuery 插件 我对该插件进行了加强化 可以看我的博客 http://hi.baidu.com/hjzheng/blog/item/afc83748d77aaae183025c6d.html
我的博客地址 http://blog.csdn.net/qq413041153/article/details/7397622 更新日志2012-05-05: 修复了几个bug: 1,iframe在没有指定宽和高时默认全屏的bug 2,当iframe隐藏时的错误显示效果 3,当iframe以tab...
jQuery圆角插件:jquery.corners.js
jqplot是一个十分强大的jQuery绘制图表的插件,支持折线图、柱状图、饼图等等多种形态。
源代码 博文链接:https://ioryioryzhan.iteye.com/blog/231257
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
jquery 插件jquery 插件jquery 插件jquery 插件
jQuery插件:万能滚动插件(包含文字滚动、图片上下滚动、图片左右滚动、图片渐隐渐现滚动、图片消失与出现滚动等)
为大家分享了一个解决jquery插件:TypeError:$.browser is undefined报错的方法,解决报错问题的方法也很简单,需要解决此类问题的朋友不要错过这篇文章。
jQuery插件之二:Simple Tree jQuery插件之二:Simple Tree jQuery插件之二:Simple Tree
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...