animasi belon udara panas jQuery latar belakang lut sinar antara muka log masuk kod sharing

animasi belon udara panas jQuery latar belakang lut sinar antara muka log masuk kod sharing_jquery

WBOY

Lepaskan： 2016-05-16 15:41:46

asal

1497 orang telah melayarinya

Contoh dalam artikel ini menerangkan pelaksanaan kotak log masuk latar belakang animasi belon udara panas dengan jQuery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Kotak log masuk latar belakang animasi belon udara panas jQuery ialah kod kesan gaya antara muka log masuk latar belakang dengan latar belakang lut sinar dinamik. Kesan halaman adalah ringkas dan elegan Ia adalah kod kesan khas yang sangat praktikal yang patut dipelajari.
Paparan operasi: -------------------Lihat kesan Muat turun kod sumber--------- - --------

Petua: Jika penyemak imbas tidak berfungsi dengan betul, anda boleh cuba menukar mod penyemakan imbas.
Pelaksanaan jQuery kod kotak log masuk latar belakang animasi belon udara panas yang dikongsi dengan anda adalah seperti berikut

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery热气球动画背景登录框</title>

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

</head>
<body>


<div class="login">
  <div class="box png">
 <div class="logo png"></div>
 <div class="input">
  <div class="log">
  <div class="name">
   <label>用户名</label><input type="text" class="text" id="value_1" placeholder="用户名" name="value_1" tabindex="1">
  </div>
  <div class="pwd">
   <label>密　码</label><input type="password" class="text" id="value_2" placeholder="密码" name="value_2" tabindex="2">
   <input type="button" class="submit" tabindex="3" value="登录">
   <div class="check"></div>
  </div>
  <div class="tip"></div>
  </div>
 </div>
 </div>
  <div class="air-balloon ab-1 png"></div>
 <div class="air-balloon ab-2 png"></div>
  <div class="footer"></div>
</div>

<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/fun.base.js"></script>
<script type="text/javascript" src="js/script.js"></script>


<!--[if IE 6]>
<script src="js/DD_belatedPNG.js" type="text/javascript"></script>
<script>DD_belatedPNG.fix('.png')</script>
<![endif]-->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

Salin selepas log masuk

Di atas ialah pelaksanaan jQuery kod kotak log masuk latar belakang animasi belon udara panas yang dikongsi dengan anda.