复制代码代码如下:
<!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">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>js登录弹出层 登录框特效</title>
<skrip type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
<skrip type="text/javascript" src="/jscss/demoimg/201310/thickbox_plus.js"></script>
<gaya>
badan{warna latar: #fff;}
html, badan{tinggi: 100%;}
html badan{font: 12px Arial, Helvetica, sans-serif;warna: #333333}
html>tubuh{font: 12px Arial, Helvetica, sans-serif;warna: #333333}
#TB_overlay{posisi: absolut;atas: 0;kiri: 0;z-index: 100;lebar: 100%;tinggi: 100%;warna latar: #CCC;filter: alpha(opacity=60);-moz- opasitas: 0,6; opasitas: 0,6;}
#TB_window{atas: 0px;kiri: 0px;posisi: tetap;_posisi: absolut;latar belakang: #fff;z-index: 102;warna: #000000;tampilan: tidak ada;batas: 5px solid #666;}
#TB_caption{tinggi: 25px;padding: 10px 30px 10px 25px;}
#TB_closeWindow{tinggi: 25px;padding: 10px 25px 10px 0;float: kanan;}
#TB_closeAjaxWindow{padding: 5px 10px 7px 0;margin-bottom: 1px;text-align: right;background-color: #e8e8e8;}
#TB_ajaxContent{padding: 2px 15px 15px 15px;overflow: otomatis;}
#TB_load{text-align: center;posisi: absolut;atas: 50%;kiri: 0px;lebar: 100%;overflow: terlihat;visibilitas: terlihat;display: blok;z-index: 101;}
#TB_loadContent{margin-kiri: -125px;posisi: absolut;atas: -50px;kiri: 50%;lebar: 250px;tinggi: 100px;visibilitas: terlihat;}
</gaya>
</kepala>
<tubuh>
<a href="/jscss/demoimg/201310/ShowLogin.html?height=160;width=400" >马上登录</a>
</tubuh>
</html>
JavaScript, jQuery, versi 1.6.2, dan lainnya tebal, tebal, plus.js, tebal kbox大多被用于显示放大图片,用在这里也挺新颖哦,请注意文件路径,所需要的js文件一般在jscss/demoimg/201310目录下,图片可在页面上点击右键另存为。