在控件处弹出层
//品牌地标弹出层 (function($){ $.fn.bgIframe = $.fn.bgiframe = function(s) { if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) { s = $.extend({ top : 'auto', // auto == .currentStyle.borderTopWidth left : 'auto', // auto == .currentStyle.borderLeftWidth width : 'auto', // auto == offsetWidth height : 'auto', // auto == offsetHeight opacity : true, src : 'javascript:false;' }, s || {}); var prop = function(n){return n&&n.constructor==Number?n+'px':n;}, html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+ 'style="display:block;position:absolute;z-index:-1;'+ (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+ 'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+ 'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+ 'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+ 'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+ '"/>'; return this.each(function() { if ( $('> iframe.bgiframe', this).length == 0 ) this.insertBefore( document.createElement(html), this.firstChild ); }); } return this; }; })(jQuery); jQuery.fn.selectCity = function(targetId) { var _seft = this; var targetId = $(targetId); this.click(function(){ var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({"position":"absolute","top":A_top+"px" ,"left":A_left+"px"}); }); targetId.find(".tagClose").click(function(){ targetId.hide(); }); $(document).click(function(event){ if(event.target.id!=_seft.selector.substring(1)){ targetId.hide(); } }); targetId.click(function(e){ e.stopPropagation(); // 2 }); return this; } $("#txtName").selectCity("#questionTypeDivBox");
原来上面那段代码就是jquery.bgiframe.js。可以让弹出层在选择框之上显示。Jquery.fn.selectCity这个点击外面弹出层就消失的代码。