Bkjia.com WEB tutorialToday, I saw a colleague working on a pop-up box and working on the background masking layer. It's a big problem. But I can't see it. I just made a jquery plug-in, but it's really a headache, I don't like jquery very much, so I haven't read its api, but I have read its source code. So I temporarily downloaded the jquery api documentation and shot it at a time. Share it here.
I hope you can use a small plug-in,
Code submission. The tested browsers include ie6, ie7, ie8, ff, oprea, and safari.
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <HTML> <HEAD> <TITLE> New Document-bkjia.com </TITLE> <meta name =" Generator "CONTENT =" EditPlus "> <meta name =" Author "CONTENT = ""> <meta name = "Keywords" CONTENT = ""> <meta name = "Description" CONTENT = ""> <style> body {margin: 0; padding: 0 ;} </style> </HEAD> <BODY> <select id = "s"> <option> test the select bug in ie6 </option> </select> <br> Based on jquery's Screen Layer plug-in create Li Tao <br> compatible with browser screen layer, supports mainstream browsers such as ie6, 7, and 8 ff chrome safari oprea. <Br> usage <br> var o = new $. overLay ({Opacity: 10, Color: "red", zIndex: 500}); <br> o. show () display <br> o. close () to Close the screen <br> parameter description {Opacity: 10, Color: "red", zIndex: 500} this parameter is used to Set Opacity to transparency. The color zindex of the screen is the zindex value of the screen. <br> <span style = "color: blue "> the parameter can be null, that is, var o = new $. overLay (); because this plug-in has a default item </span> <br> <input type = "button" onclick = "open11 () "value =" Click test. The screen mask will be closed in three seconds. "> </BODY> </HTML>
Run code Copy code Add to favoritesBkjia.com prompts that some code can be modified before running!
From: http://www.cnblogs.com/litao229/archive/2009/07/02/1515626.html