suchen

Heim >Web-Frontend >js-Tutorial >jquery realisiert den Weihnachtssegen-Schneeflockeneffektcode, der mit den am Himmel fliegenden Schneeflocken geteilt wird_jquery

jquery realisiert den Weihnachtssegen-Schneeflockeneffektcode, der mit den am Himmel fliegenden Schneeflocken geteilt wird_jquery

WBOY
WBOYOriginal
2016-05-16 15:43:571647Durchsuche

Dies ist ein Weihnachtssegen-Schneeflockeneffektcode, der auf JQuery basiert, um die über den Himmel fliegenden Schneeflocken zu implementieren, und der Benutzer kann auch das Hintergrundbild ändern. Es ist ein sehr praktisches Diashow-Special Quellcode für Effekte.

Der Jquery-Weihnachtssegen-Schneeflockeneffekt mit fliegenden Schneeflocken am Himmel. Sie können klicken, um verschiedene Effekte auszuwählen. Genießen Sie ihn.

Effektdemonstration Quellcode-Download (Wenn es im Browser nicht richtig funktioniert, können Sie versuchen, den Browsermodus zu wechseln oder den direkten Download zu wählen)

Der jquery Christmas Blessing Snowflake-Effektcode für die am Himmel fliegenden Schneeflocken lautet wie folgt 

<!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>

Das Obige ist der Jquery-Weihnachtssegen-Schneeflockeneffektcode für die fliegenden Schneeflocken. Ich hoffe, er gefällt Ihnen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Vollständiges Beispiel eines universellen Formularvalidierungs-Plug-Ins, implementiert durch JS_javascript-KenntnisseNächster Artikel：Vollständiges Beispiel eines universellen Formularvalidierungs-Plug-Ins, implementiert durch JS_javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen