插件。 可能并不能满足你的需要。 第一次就写个 屏幕中间提示的插件吧:
插件代码:
jQuery.screentip={show: function(t1,t2,t3){$("body").append("<div id='screentipdiv' style=\"left:0px;top:0px;position:absolute;width:"+document.documentElement.clientWidth+"px;height:"+document.documentElement.Height+"px;\"><div style=\"left:0px;top:0px;position:absolute;width:"+document.documentElement.clientWidth+"px;height:"+document.documentElement.clientHeight+"px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;\"></div><div style=\"left:"+eval((document.documentElement.clientWidth-t2)/2)+"px;top:"+eval((document.documentElement.clientHeight-t3)/2)+"px;position:absolute;width:"+t2+"px;height:"+t3+"px;background:#fff;cursor:pointer;\" οnclick=\"javascript:$.screentip.hide();\">"+$("#"+t1).html()+"</div></div>");$("body").css("overflow","hidden");$("body").height(document.documentElement.clientHeight);},hide:function(){ $("#screentipdiv").remove();$("body").css("overflow","visible");$("body").height("auto");}};
如何引用:
<a href="javascript:;" οnclick="javascript:$.screentip.show('test',400,300);">点击我看看</a& gt;引用为 $.screentip.show(要提示的内容元素的ID,提示框宽度,提示框高度);