2024年2月8日发(作者：)
background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px;}.form button { font-family: "Microsoft YaHei","Roboto", sans-serif; text-transform: uppercase; outline: 0; background: #4CAF50; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all 0.3 ease; transition: all 0.3 ease; cursor: pointer;}.form button:hover,.form button:active,.form button:focus { background: #43A047;}.form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px;}.form .message a { color: #4CAF50; text-decoration: none;}.form .register-form { display: none;}.container { position: relative; z-index: 1; max-width: 300px; margin: 0 auto;}.container:before, .container:after { content: ""; display: block; clear: both;}.container .info { margin: 50px auto; text-align: center;}.container .info h1 { margin: 0 0 15px; padding: 0; font-size: 36px;
font-size: 36px; font-weight: 300; color: #1a1a1a;}.container .info span { color: #4d4d4d; font-size: 12px;}.container .info span a { color: #000000; text-decoration: none;}.container .info span .fa { color: #EF3B3A;}body { background: #76b852; /* fallback for old browsers */ background: -webkit-linear-gradient(right, #76b852, #8DC26F); background: -moz-linear-gradient(right, #76b852, #8DC26F); background: -o-linear-gradient(right, #76b852, #8DC26F); background: linear-gradient(to left, #76b852, #8DC26F); font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}.shake_effect{-webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 1s; animation-duration: 1s;}@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }}@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
{ 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');});})