Click on the pop-up layer, click to eject a login layer, the content in this layer called a sample page
Code as follows: <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title>js login Pop-up level login box special effects </title> <script type=" Text/javascript "src="/ Ajaxjs/jquery-1.6.2.min.js "></script> <script type=" Text/javascript "src="/jscss/demoimg/201310 /thickbox_plus.js "></script> <style> body{background-color: #fff;} HTML, body{height:100%} HTML body{font:12px Arial, Helvetica, Sans-serif;color: #333333} html>body{font:12px Arial, Helvetica, S Ans-serif;color: #333333} #TB_overlay {position:absolute;top:0;left:0;z-index:100;width:100%;height:100%; Background-color: #CCC; Filter:alpha (opacity=60);-moz-opacity:0.6;opacity:0.6;} #TB_window {top:0px;left:0px;position:fixed_position:absolute;background: #fff; Z-index:102;color: #000000;d isplay:none;border:5px solid #666;} #TB_caption {height:25px;padding:10px 30px 10px 25px;} #TB_closeWindow {height:25px;padding:10px 25px 10px 0;float:right;} #TB_closeAjaxWindow {padding:5px 10px 7px 0;margin-bottom:1px;text-align:right;background-color: #e8e8e8;} #TB_ajaxContent {padding:2px 15px 15px 15px;overflow:auto;} #TB_load {text-align:center;position:absolute;top:50%;left:0px;width:100%;overflow:visible;visibility: visible;display:block;z-index:101;} #TB_loadContent {margin-left: -125px;position:absolute;top: -50px;left:50%;width:250px;height:100px; visibility:visible;} </style> </head> <body> <a href= "/jscss/demoimg/201310/showlogin.html ? height=160;width=400 "title=" Login to Operate "class=" Thickbox "> Login now </a> </body> </html > JavaScript Click on the pop-up layer, click to eject a login layer, jquery version 1.6.2, within this layerCan call a sample page, the principle is based on thickbox_plus.js,thickbox is used to display larger images, used here is quite novel Oh, please note that the file path, the required JS files in general in the jscss/demoimg/201310 directory, You can click the right button on the page to save the picture.