jquery 屏幕中间提示插件

插件。 可能并不能满足你的需要。 第一次就写个 屏幕中间提示的插件吧:

插件代码:

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,提示框宽度,提示框高度);


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值