jQuery实现的一款通过滑动来动画切换用户登录和用户注册界面模板,并且在验证用户信息出错时,整个表单界面会有左右摇晃抖动的动画效果。
js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function check_login()
{
var name=$("#user_name").val();
var pass=$("#password").val();
if(name=="sucaihuo.com" && pass=="sucaihuo.com")
{
alert("登录成功!");
$("#user_name").val("");
$("#password").val("");
}
else
{
$("#login_form").removeClass('shake_effect');
setTimeout(function()
{
$("#login_form").addClass('shake_effect')
},1);
}
}
function check_register(){
var name = $("#r_user_name").val();
var pass = $("#r_password").val();
var email = $("r_email").val();
if(name!="" && pass=="" && email != "")
{
alert("注册成功!");
$("#user_name").val("");
$("#password").val("");
}
else
{
$("#login_form").removeClass('shake_effect');
setTimeout(function()
{
$("#login_form").addClass('shake_effect')
},1);
}
}
$(function(){
$("#create").click(function(){
check_register();
return false;
})
$("#login").click(function(){
check_login();
return false;
})
$('.message a').click(function () {
$('form').animate({
height: 'toggle',
opacity: 'toggle'
}, 'slow');
});
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791