cari

Rumah  >  Artikel  >  hujung hadapan web  >  jquery menyedari perkongsian kod kesan kepingan salji berkat Krismas dengan kepingan salji yang terbang di langit_jquery

jquery menyedari perkongsian kod kesan kepingan salji berkat Krismas dengan kepingan salji yang terbang di langit_jquery

WBOY
WBOYasal
2016-05-16 15:43:571610semak imbas

Ini ialah kod kesan kepingan salji berkat Krismas berdasarkan jquery untuk melaksanakan kepingan salji yang terbang ke seluruh langit Saiz kepingan salji boleh ditukar, dan pengguna juga boleh menukar imej latar belakang yang sangat praktikal kesan kod sumber.

Kesan kepingan salji berkat Krismas jquery dengan kepingan salji terbang di langit, anda boleh klik untuk memilih kesan yang berbeza, sila nikmati.

Demonstrasi Kesan Muat turun kod sumber (Jika ia tidak berfungsi dengan betul dalam penyemak imbas, anda boleh cuba menukar mod penyemakan imbas atau memilih untuk memuat turun terus)

Kod kesan kepingan salji berkat Krismas jquery untuk kepingan salji yang terbang di langit adalah seperti berikut 

<!DOCTYPE html>
<html>
<head>
 <script type="text/javascript" src="images/jquery-latest.min.js"></script>
 <script src='images/snowfall.jquery.js'></script>
 <link rel="stylesheet" href="images/styles.css"></link>
</head>
<body class="darkBg">
 <input type="button" id="clear" value="Click to clear"/>
 <input type="button" id="round" value="Rounded"/>
 <input type="button" id="shadows" value="Shadows"/>
 <input type="button" id="roundshadows" value="Rounded Shadows"/>
 <input type="button" id="deviceorientation" value="Deviceorientation"/>
 <div class="collectonme">
 <p>Collect on meeeeee!!!</p>
 </div>
 <div class="collectonme">
 <p>Collect on meeeeee!!!</p>
 </div>
 <div class="collectonme">
 <p>Collect on meeeeee!!!</p>
 </div>
</body>
 <script type='text/javascript'> 
 $(document).ready(function(){
 $('.collectonme').hide();
 //Start the snow default options you can also make it snow in certain elements, etc.
 $(document).snowfall();
 
 $("#clear").click(function(){
 $(document).snowfall('clear'); // How you clear
 });
 
 $("#round").click(function(){
 document.body.className = "darkBg";
 $('.collectonme').hide();
 $(document).snowfall('clear');
 $(document).snowfall({round : true, minSize: 5, maxSize:8}); // add rounded
 });
 
 $("#shadows").click(function(){
 document.body.className = "lightBg";
 $('.collectonme').hide();
 $(document).snowfall('clear');
 $(document).snowfall({shadow : true, flakeCount:200}); // add shadows
 });

 $("#roundshadows").click(function(){
 document.body.className = "lightBg";
 $('.collectonme').hide();
 $(document).snowfall('clear');
 $(document).snowfall({shadow : true, round : true, minSize: 5, maxSize:8}); // add shadows
 });
 
 

 $("#deviceorientation").click(function(){
 $(document).snowfall('clear');
 $('.collectonme').hide();
 document.body.className = "darkBg";
 $(document).snowfall({deviceorientation : true, round : true, minSize: 5, maxSize:8});
 });

 });
 </script>

<p align="center"><font color="#FFFFFF">来源：</font><a href="http://www.jb51.net/" target="_blank"><font color="#FFFFFF">脚本之家</font></a></p>
</html>

Di atas ialah kod kesan kepingan salji berkat Krismas untuk kepingan salji terbang saya harap anda menyukainya.

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：Contoh lengkap pemalam pengesahan borang universal yang dilaksanakan oleh kemahiran JS_javascriptArtikel seterusnya：Contoh lengkap pemalam pengesahan borang universal yang dilaksanakan oleh kemahiran JS_javascript

Artikel berkaitan

Lihat lagi