动画效果的登录框特效【原创】

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，需设置好form表单里的内容，代码如下：

<form class="login">
  <div class="form-group">
    <input type="text" class="user" name="user" placeholder="请输入您的用户名">
    <input type="password" class="pwd" name="pwd" placeholder="请输入您的密码">
  </div>
  <span class="links">
    <a href="#">注册帐号</a>
    <a href="#">忘记秘密？</a>
  </span>
  <br/>
  <input type="button" class="btn" value="登录">
</form>

页面的底部，需引入jQuery库和本地JS文件，代码如下：

<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>