ホームページ >ウェブフロントエンド >jsチュートリアル >jsログインポップアップレイヤー特殊効果_javascriptスキル

jsログインポップアップレイヤー特殊効果_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:56:26953ブラウズ
复制代 代码如下:





js登录弹出层 登录框特效



body{background-color: #fff;}
html, body{height: 100%;}
html body{font: 12px Arial, Helvetica, sans-serif;color: #333333}
html>body{font: 12px Arial、Helvetica、sans-serif;color: #333333}
#TB_overlay{position: 絶対;top: 0;left: 0;z-index: 100;width: 100%;高さ: 100%;背景色: #CCC;フィルター: alpha(不透明度=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;overflow: auto;}
#TB_load{text-align: center;position: 絶対;top: 50%;left: 0px;width : 100%;オーバーフロー: 表示;可視性: 表示;表示: ブロック;z-index: 101;}
#TB_loadContent{margin-left: -125px;position: 絶対;top: -50px;left: 50%;幅: 250px;高さ: 100px;可視性: 表示;}



马上登录


JavaScript ポイント击出層、ポイント击後に登录層、jQuery バージョン 1.6.2、この層内の内容に 1 つの例が使用されています、thickbox_plus.js に基づいた原理、thickbox の多くが使用されています拡大された写真が表示され、ここでも新しいファイルが適用され、ファイルのパスに注意されます。必要な js ファイルは通常、jscss/demoimg/201310 の下にあり、写真は上部の右ボタンに保存されます。