手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >CSS3实现动态背景登录框的代码
CSS3实现动态背景登录框的代码
摘要:基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下:实现的代码如下:htm...

基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下:

CSS3实现动态背景登录框的代码1

实现的代码如下:

html代码:

<div> <div> <div> <h1>Welcome</h1> <form> <input type="text" placeholder="Username"> <input type="password" placeholder="Password"> <button type="submit" id="login-button">Login</button> </form> </div> <ul> <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>

本文介绍的这款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效,希望大家可以喜欢。

【CSS3实现动态背景登录框的代码】相关文章:

jQuery实现html表格动态添加新行的方法

JavaScript实现点击文字切换登录窗口的方法

js实现鼠标经过表格行变色的方法

Jquery实现动态切换图片的方法

基于JavaScript实现动态添加删除表格的行

JS实现定时自动关闭DIV层提示框的方法

实现DIV圆角的JavaScript代码

JS+CSS实现的拖动分页效果实例

javascript实现模拟时钟的方法

JavaScript实现添加、查找、删除元素

精品推荐
分类导航