CSS3 前端开发插件_动态背景登录框

chrome前端开发插件|前端软件开发招聘要求|web前端开发技术综述
基于CSS3动态背景登录框代码。这是一款基于jquery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下:
####在线预览 源码下载实现的代码。html代码:
<div class=”htmleaf-container”>
<div class=”wrapper”>
<div class=”container”>
<h1>Welcome</h1>
<formclass=”form”>
<inputtype=”text”placeholder=”Username”>
<inputtype=”password”placeholder=”Password”>
<buttontype=”submit”id=”login-button”>Login</button>
</form>
</div>
<ulclass=”bg-bubbles”>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<script src=”js/jquery-2.1.1.min.js” type=”text/javascript”></script>
<script>
$(‘#login-button’).click(function (event) {
event.preventDefault();
$(‘form’).fadeOut(500);
$(‘.wrapper’).addClass(‘form-success’);
});
</script>via:[http://www.w2bc.com/article/51422](http://www.w2bc.com/article/51422)
web前端开发的图形插件|兴国web前端开发招聘|前端开发流行技术
» 本文来自:前端开发者 » 《CSS3 前端开发插件_动态背景登录框》
» 本文链接地址:https://www.rokub.com/5029.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!