cari

Rumah >hujung hadapan web >tutorial js >animasi belon udara panas jQuery latar belakang lut sinar antara muka log masuk kod sharing_jquery

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

WBOY
WBOYasal
2016-05-16 15:41:461566semak imbas

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>

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js melaksanakan kemahiran kod_javascript menu navigasi sekunder yang meluas secara mendatarArtikel seterusnya：js melaksanakan kemahiran kod_javascript menu navigasi sekunder yang meluas secara mendatar

Artikel berkaitan

Lihat lagi