- $(function(){
- <!--点击登录弹出/隐藏登录框-->
- $("#loginin").click(function(){
- $("#login").toggleClass("yinchang");
- });
- <!--鼠标离开登录框隐藏登录框-->
- $("#login").mouseleave(function(){
- $("#login").toggleClass("yinchang");
- });
- });
- <style>
- .yinchang{
- display:none;
- }
- <style>
- <span class="btnlogin btndaxiao txtcenter text-jiacuda navlogin" id="loginin">登录</span>
- <div class="login-form box-dayuanjiao touming yinchang " id="login">
- <form action="" method="post">
- <p class="txtcenter text-jiacuda">用户登录</p>
- <div class="login-center">
- <span class="icon">用户名:</span>
- <input class="" type="text" name="username" placeholder="用户名" />
- </div>
- <div class="login-center">
- <span class="icon">密码 :</span>
- <input class="" type="password" name="password" placeholder="*******" />
- </div>
- <button class="btnlogin center txtcenter btndaxiao box-yuanjiao">登录</button>
- </form>
- </div>
- //该片段来自于http://www.codesnippet.cn/detail/1102201511779.html
来源: http://www.codesnippet.cn/detail/1102201511779.html