jquery 弹出层实现代码_jquery_脚本之家

经过分析,网上的参考,终于搞定了~~ jQuery插件代码: 复制代码 代码如下: jQuery.fn.selectItem =
function { var _seft = this; var targetId = $; this.toggle { var A_top
= $.top + $.outerHeight; // 1 var A_left = $.left;
targetId.bgiframe.css({ “position”: “absolute”, “top”: A_top + “px”,
“left”: A_left + “px” }); } , function; } ); targetId.find.click {
targetId.hide; targetId.find(“#selectSub :checkbox”).click {
targetId.find.attr; $.attr; _seft.val; targetId.hide.click { if
(event.target.id != _seft.selector.substring; } }); targetId.click {
e.stopPropagation; return this; } HTML代码: 复制代码 代码如下:

All
Confidence

css样式: 复制代码 代码如下: /* pop div
begin */ .selectItemcont{padding:8px;}
.selectItemtit{line-height:20px;height:20px;margin:1px;padding-left:12px;}
.bgc_ccc{background:#E88E22;}
.selectItemleft{float:left;margin:0px;padding:0px;font-size:12px;font-weight:bold;color:#fff;}
.selectItemright{float:right;cursor:pointer;color:#fff;}
.selectItemcls{clear:both;font-size:0px;height:0px;overflow:hidden;}
.selectItemhidden{display:none;} #selectCompetencies { display:none;
background:#FFF; position:absolute; top:0px; left:center; border:1px
solid #000; overflow-x:hidden; overflow-y:auto; width:250px;
z-index:1000; max-height:200px; } /* pop div end */ JavaScript代码:
复制代码 代码如下:
$.selectItem(“#selectCompetencies”);
实现点击文本框,在其正下方弹出一个新的层,再次点击的时候,隐藏层。
后面的话,我会把这个插件继续完善的~~~ OO…

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图