Find someone else to write the cover layer to improve, feel the effect can also.
:
Code:
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head> <title>Tipswindown</title> <Linkhref= "Css/tipswindown.css"rel= "stylesheet"type= "Text/css" /> <Scriptsrc= "Js/jquery-1.8.js"type= "Text/javascript"></Script> <Scriptsrc= "Js/tipswindown.js"type= "Text/javascript"></Script> <styletype= "Text/css">#main{width:300px;margin:50px Auto;font-family:Arial, Calibri;}#main. BTN{width:150px;Height:30px;Line-height:30px;font-size:14px;vertical-align:Middle;Color:#333333;Font-weight:Bold;text-decoration:None;Display:Block;text-align:Center;background:#CCC;}#main. Btn:hover{vertical-align:Middle;Color:#fff;Font-weight:Bold;text-decoration:None;Display:Block;text-align:Center;background:#333;} </style> <Scripttype= "Text/javascript"> $(function () { $("#DialogShow"). Click (function() {Tipswindown ("Cnblogs", "Id:dialog", " the", " $", "true", "", "true", "ID"); }); }) functionOk () {window.location.href= "http://www.cnblogs.com/"; } functionCancel () {$ ("#windownbg"). Remove (); $("#windown-box"). FadeOut (" +", function () { $( This). Remove (); }); } </Script></Head><Body><DivID= "Main"> <ahref= "javascript:void (0);"class= "BTN"ID= "Dialogshow">Dialogshow</a></Div><DivID= "Dialog"style= "Display:none";> <Divclass= "DialogText"> <P>Click on the OK button to go the Http://www.cnblogs.com/website and you should just wait.</P> <P>If you is accessing this page by mistake click on the Cancel link.</P>
</Div> <Divclass= "Dislogbtn"> <ahref= "javascript:void (0);"class= "BTN"ID= "OK"onclick= "OK ()">Ok</a> <ahref= "javascript:void (0);"class= "BTN"ID= "Cancel"onclick= "Cancel ()">Cancel</a> </Div></Div> </Body></HTML>
Source
jquery Popup Masking Layer