复制番号代番号次のように:
<!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">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js登录弹出层 登录框特效</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>
<スタイル>
ボディ{背景色: #fff;}
html、本文{高さ: 100%;}
html 本文{font: 12px Arial、Helvetica、サンセリフ;color: #333333}
html>body{font: 12px Arial、Helvetica、サンセリフ;color: #333333}
#TB_overlay{位置: 絶対;上: 0;左: 0;z-インデックス: 100;幅: 100%;高さ: 100%;背景色: #CCC;フィルター: アルファ(不透明度 = 60);-moz-不透明度: 0.6;不透明度: 0.6;}
#TB_window{上: 0px;左: 0px;位置: 固定;_位置: 絶対;背景: #fff;z-index: 102;色: #000000;表示: なし;枠線: 5 ピクセルの実線 #666;}
#TB_caption{高さ: 25 ピクセル;パディング: 10 ピクセル 30 ピクセル 10 ピクセル 25 ピクセル;}
#TB_closeWindow{高さ: 25px;パディング: 10px 25px 10px 0;float: right;}
#TB_closeAjaxWindow{パディング: 5px 10px 7px 0;margin-bottom: 1px;text-align: right;background-color: #e8e8e8;}
#TB_ajaxContent{パディング: 2px 15px 15px 15px;オーバーフロー: 自動;}
#TB_load{テキスト配置: 中央;位置: 絶対;上: 50%;左: 0px;幅: 100%;オーバーフロー: 表示;可視性: 表示;表示: ブロック;Z インデックス: 101;}
#TB_loadContent{左マージン: -125 ピクセル;位置: 絶対;上: -50 ピクセル;左: 50%;幅: 250 ピクセル;高さ: 100 ピクセル;可視性: 表示;}
</スタイル>
</head>
<本文>
<a href="/jscss/demoimg/201310/ShowLogin.html?height=160;width=400" >马上登录</a>
</body>
</html>
JavaScript ポイント击出層、ポイント击後に登录層、jQuery バージョン 1.6.2、この層内のコンテンツには 1 つの例が使用されています。原理は、thickbox_plus.js に基づいており、thic kbox は、画像を拡大して表示するためによく使用されますが、ここでも新しいファイルを追加したり、ファイルのパスに注意したりするために使用されます。必要な js ファイルは通常、jscss/demoimg/201310 の下にあり、画像はトップページの右側に保存されます。