代码:
<div class="form-box modal fade" style="display:none" id="myModal_login" role="dialog">
<form class="front " id="top_login">
<div class="form-wrapper">
<div>
<span class="login_close" data-dismiss="modal">X</span>
</div>
<div class="header">
Login
</div>
<div class="input-wrapper">
<div class="content-wrapper">
<input type="text" name="Uname" placeholder="username" class="conten-items" />
</div>
<div class="content-wrapper">
<input type="password" name="Upaw" placeholder="password" class="conten-items" />
</div>
<div class="action">
<div class="btn" style="color: white" >login</div>
</div>
<div>
<p style="margin-top: 40px ;color: white;" >If you don't have account.Please</p>
<p style="color: white">Click here to <a href="#" id="signup" style="color: #0e92b3" > Regist </a></p>
</div>
</div>
</div>
</form>
</div>
JS:
$(function () {
$("#myModal_login").modal({
show:false,
backdrop:'static',
});
});
$(function () {
document.getElementById('regist').onclick=Login_Action;
function Login_Action() {
$("#myModal_reg").modal('toggle','hiden')
$("#myModal_login").modal({
show:true,
backdrop:'static'
});
}
});
注册的代码差不多的,改一下就可以了