国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

CSS3實現動態背景登錄框的代碼

2019-11-20 11:58:44
字體:
來源:轉載
供稿:網友

基于CSS3動態背景登錄框代碼。這是一款基于jQuery+CSS3實現的帶有動畫效果的動態背景登陸框特效。效果圖如下:

實現的代碼如下:

html代碼:

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

本文介紹的這款基于jQuery+CSS3實現的帶有動畫效果的動態背景登陸框特效,希望大家可以喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 苏尼特右旗| 赣榆县| 岳阳县| 社会| 商洛市| 民丰县| 兰溪市| 拜城县| 绍兴县| 万荣县| 汝城县| 松滋市| 门头沟区| 平陆县| 蒲城县| 湖南省| 定结县| 四会市| 新邵县| 土默特左旗| 红原县| 东宁县| 大安市| 类乌齐县| 房山区| 洛川县| 紫阳县| 永寿县| 广元市| 津市市| 阜宁县| 江华| 正宁县| 青浦区| 夏河县| 蕉岭县| 珠海市| 德阳市| 洪湖市| 沂水县| 茌平县|