jquery弹出遮掩层效果【附实例代码】

找了个别人写的遮掩层进行改善，感觉效果还可以。

效果图：

代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title tips windown/title link href=' CSS/tips windown。CSS ' rel='样式表type=' text/CSS '/script src=' http 3333 margin :50 px汽车；font-family: Arial，Calibri} #main .btn { width:150px高度：30 px线高：30 pxfont-size :14 px垂直对齐：毫米；color : # 333333 font-weight :加粗；文本装饰：无；显示：块；文本对齐：居中；背景# CCC} # main。BTN :悬停{垂直对齐：中间；color : # ffffont-weight : bold；文本装饰：无；显示：块；文本对齐：居中；背景技术： # 333;}/样式脚本类型=' text/JavaScript ' $(function(){ $(' # DialogShow ')).click(function(){ TippWindown(' CnBlogs '，' id:dialog '，' 450 '，' 200 '，' true '，' true '，' id ')；});})函数Ok(){ window。位置。http://。cn博客。com/'；}函数Cancel() { $('#windownbg ').移除();$('#windown-box ').fadeOut('1000 '，function () { $(this).移除();});}/script/head dydiv id=' main ' a href=' JavaScript 3: void(0)；'class=' BTN ' id=' DialogShow ' DialogShow/a/div div id=' dialog ' style=' display : none '；请点击"确定"按钮进入http://www.cnblogs.com/网站，你应该等一等/p pIf .如果您错误地访问了此页面，请单击取消链接. p/div div class=' remub TN ' a href=' JavaScript 3: void(0)；class=' BTN ' id=' Ok ' onclick=' Ok()' Ok/a href=' JavaScript : void(0)；class=' BTN ' id=' Cancel ' onclick=' Cancel()' Cancel/a/div/div/body/html以上这篇框架弹出遮掩层效果【附实例代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。