jquery实现弹出登陆框效果
1、新建html文档。
3、书写hmtl代艨位雅剖码。<a href="ShowLogin.html?height=160;width=400" title="点我弹出登陆框" class="thickbox" >点我弹出登陆框</a><div id="TB_window" style="width: 430px; height: 200px; left: 625px; top: 138.5px; display: block;"><div id="TB_closeAjaxWindow"><a href="#" id="TB_closeWindowButton">关闭</a></div><div id="TB_ajaxContent" style="width:400px;height:155px;"><div id="login"> <div id="title">个人登录后才能投递简历，没有注册请先注册成为个人会员。</div> <div style="width:320px;height:80px;margin:0px auto;"> <table id="loginbox" border="0" cellpadding="0" cellspacing="0"> <tr style="height:30px"> <td class="bfont">用户名：</td> <td><input class="txtbox" type="text" name="username" /></td> </tr> <tr> <td class="bfont">密 码：</td> <td><input class="txtbox" type="password" name="password" /></td> </tr> </table> <div id="btnlogin"><a href="#"><img src="images/login.gif" width="55" height="55" /></a></div> </div> <div id="forget"> <span style="float:left;"><a href="#">忘记密码？</a></span> <span style="float:right;"><a href="#">没有注册？</a></span> </div> <div style="height:25px;line-height:25px;text-align:center">马上注册并填写简历，你就会得到更多更好的机会。 <a style="color:#06F;text-decoration:underline;font-weight:700" href="#">点击注册</a></div></div></div></div>
5、书写并添加js代码。<script src="js/jquery.js"></script>
7、查看效果。
