js登入彈出層特效_javascript技巧

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>




body{背景顏色：#fff;}
html, body{高度：100%;}}
html body{字體：12px Arial、Helvetica、sans-serif;顏色：#333333}
html>body{字體：12px Arial、Helvetica、無襯線字體；顏色：#333333}
# TB_overlay{位置：絕對；頂部：0；左側：0；z-index：100；寬度：100%；高度：100%；背景顏色：#CCC；過濾器：alpha（不透明度=60）；-moz -不透明度：0.6；不透明度：0.6；}
#TB_window{頂部：0px；左側：0px；位置：固定;_位置：絕對；背景：#fff；z-index：102；顏色：# 000000；顯示：無；邊框：5px實線#666;}
#TB_caption{高度：25px；填充：10px 30px 10px 25px; }
#TB_closeWindow{高度：25pxx 內邊邊距：25pxpxpxpxpx 0;浮動：右;}
#TB_closeAjaxWindow{內邊距：5px 10px 7px 0;邊距底部：1px;文字對齊：右;背景-顏色：#e8e8e8;}
#TB_ajaxContent{填充：2px 15px 15px 15px;溢出：自動;}
#TB_load{文字對齊：中心；位置：絕對；頂部：50%；左側：0px；寬度: 100%;溢出: 可見;可見性: 可見;顯示:塊;z-index: 101;}
#TB_loadContent{margin-left: -125px;位置: 絕對;頂部: -50px;左: 50%;寬度：250px；高度：100px；可見性：可見；}
;
頭>

立即登入> ;
身體>

JavaScript點擊彈出層，點擊後彈出一個登入層，jQuery版本1.6.2，在這個層內的內容調用了一個範例頁面，原理基於thickbox_plus.js，thickbox主要用於顯示放大圖片，用這裡也挺新穎哦，請注意文件路徑，所需要的js檔案一般在jscss/demoimg/201310目錄下，圖片可在頁面上點選右鍵另存為。