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

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

WBOY

Lepaskan： 2016-05-16 15:43:57

asal

1629 orang telah melayarinya

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>

Salin selepas log masuk

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