Der Winter ist da und viele Blog -Räume haben Schneeflocken hinzugefügt, also habe ich ihre Wirkung gesehen. Es gibt mehrere Effektcodes, also habe ich sie übernommen. Freunde in Not können sie übernehmen und versuchen.
Große Schneeflockenbilder:
Effektcode 1
<script type = "text/javaScript" Sprache = "javaScript"> (function () {function k (a, b, c) {if (a.addeventListener) a.addeventListener (b, c, false); sonst A.attacheVent && A.AtachEvent (" + b, c) Funktion g (a) {if -{if {if {if {if {if {if {if {if {if {if {if {if {if {if {if). {var b = window.onload; window.onload = function () {b (); a ()}}} Funktion h () {var a = {}; für (type {top: ", links:"}) {var b = type == "?" y ":" x "; "undefined") a [type.tolowerCase ()] = Fenster ["Seite" + B + "Offset"]; else {b = document.documentElement.clientHeight? window.innerHeight; else if (a.parentelement.clientHeight) b = a.parentelement.clientHeight; else if (a && a.clientHeight) b = a.clientHeight; Math.round (this.size) + "px"; this.el.style.height = math.round (this.size) + "px"; this.maxLeft = document.body.Offsetwidth - this.size; this.maxtop = document.body.offsetHELT - this.left = math.rand. 1; this.angle = 1,4 + 0,2 * math.random (); this.minangle = 1,4; this.maxangle = 1,6; this.angledelta = 0,01 * math.random (); (j) {var c = [], m = setInterval (function () {f && b> c.Length && math.random () <b * 0.0025 && c.push (neu i (a)); ! f &&! NULL; b)})}; window.removesnow = function () {f = false}; i.prototype = {createel: function (a, b) {this.el = document.createelement ("img"); this.el.setatTribute ("src", b + "Absolute Link -Adresse des Schneeflockens von Snowflake"); "Absolute"; this.el.style.display = "block"; this.el.style.zindex = "999999"; this.Parent.AppendChild (this.el)}, Bewegung: function () {if (this.Annle <Th. this.angledelta; this.left += this.speed * math.cos (this.angle * math.pi); {this.el.style.top = math.round (this.top) + "px"; this.el.style.left = math.round (this.left) + "px"}, entfernen: function () {this.parent.removeChild (this.el);Kopieren Sie den obigen Code direkt in die Header- oder Fußzeile -Datei im Thema. Wenn Sie nur die Artikelseite anzeigen möchten, fügen Sie sie direkt zur Single hinzu. Im Folgenden werden wir Ihnen das Snowflake -Bild (erforderliches Material) zur Verfügung stellen. Kleines Bild: Sie müssen es in das aktuelle Thema Ihres Blogs hochladen und dann den Link im Code an den Ort des Bildes ändern. Der Effekt ist wie auf dieser Seite gezeigt.
Effektcode 2:
<html> <kopf> <script> Funktion start () {var array = new Array (); var canvas = document.getElementById ("mycanvas"); var context = canvas.getContext ("2D"); for (var i = 0; i <50; i ++) {var showsNow = new = new Newsnow = new Newsnow = new Newsnow = new Newsnow = new new New shosnow (); array.push (shostsnow);} time = setInterval (function () {context.clearRect (0,0, canvas.width, canvas.height); für (var i = 0; i <array.Length; i ++) {Array [i] .move () shosnow () {var y = parseInt (math.random ()*50)*10; var x = parseInt (math.random ()*80)*10; this.draw = function (context) {context.font = "50px Calibri "; context.fillText ("*", x, y);} this.move = function () {y+= 20; if (y> 600) {y = 0;}}} </script> </head> <body> <input type =" button "value" mycanvas "mycanvas" mycanvas ""/"/> <canvas id" mycanvas ""/"/> <canvas id" " Blue "> </canvas> </body> </html>Dieser Effekt wird wie folgt demonstriert (er fühlt sich hässlich an, nicht empfohlen):
Effektcode drei
Wenn Sie das WordPress-Blog implementieren, können Sie auch das Let It Snow-Plug-In verwenden.
Ich werde nicht darüber sprechen, wie ich hier Schnee-Plug-in verwenden kann. Es unterscheidet sich nicht von anderen Plug-In-Installationen. Sie können die Dateien direkt im Ordner herunterladen und hochladen lassen, um sie in das Verzeichnis/WP-In-Content/Plugins/das Verzeichnis zu schalten, und dann dieses Plug-In aktivieren und das Plug-In im Menü WordPress-Verwaltungsfeld einstellen. Oder suchen Sie direkt in der Plug-in-Bibliothek auf der Rückseite. Sie finden es auch.
Lassen Sie es schneebeamte Website: Klicken Sie hier, um sie zu besuchen
Effektcode vier
Ich habe online ein sehr mächtiges Schneesturm -Plugin gesehen. Es ist so großartig, dass der Code für die Suche in Google Schnee und Frosteffekte haben wird, was sehr kreativ ist. Wenn Sie der Meinung sind, dass Sie gute Kinderschuhe haben, können Sie selbst auf die offizielle Website gehen.
Ich fand einen einfachen zufälligen Schneeflocken -Fall -Effekt -Code online, den ich mit Ihnen teilen kann (dieser Effekt ist in reinem Code geschrieben. Schneeflocken sind *.):
Einige Funktionen werden kurz erklärt:
1. letitsnow ()
Es schneit (dieser Satz ist immer noch nutzlos). Dann wird CreateesNow aufgerufen, um Schneeflocken zu erzeugen.
2. CreateesNow ()
Jede Schneeflocke ist ein <i> -Tag, und ein "*" wird darin platziert, um die Schneeflocken zu simulieren (Googles Kopie kann nicht heruntergeladen werden, sie zeigt sie tatsächlich als Raum, ich habe eine Sonne gemacht ...) und dann in einen großen Container namens Snowbox namens Snowbox gesteckt, und die erzeugten Personen werden nach Iarray gedrängt, um sie zu sammeln. Schneeflocken verwenden die absolute Positionierungsmethode mit Snowbox als Referenz. Die Oberseite ist 0PX, und links verwendet Math.random ()*window.screen.width, damit die Schneeflocken zufällig in der Bildschirmbreite erzeugt werden können.
Verwenden Sie die Farbe, um die Farbtiefe von Schneeflocken zu steuern, um die Feldtiefe von 0 bis 200 zu erzeugen
Verwenden Sie eine Schriftgröße, um die Größe der Schneeflocken im Bereich von 10px bis 15px zu steuern
Verwenden Sie die Zeit, um das Anrufintervall der Schneeflocken zu steuern, die von 40 ms bis 50 ms liegen
Verwenden Sie SnowInterval, um das Intervall der Schneeflockenerzeugung im Bereich von 500 bis 1000 ms zu steuern
Dann wird der rekursive Anruf selbst genannt und Schneeflocken werden ständig erzeugt.
3.. Falldown ()
Wie der Name schon sagt, bedeutet dies, dass Schneeflocken mit einer Geschwindigkeit von 2px fallen, was bedeutet, dass jeder vertikale Tropfen 2px ist. Machen Sie zu diesem Zeitpunkt einen Test. Wenn die Schneeflocken auf eine feste Höhe fallen, die höher als der Elternbehälter ist, entfernen Sie sie. Dies kann den Druck auf den Browser verringern. Andernfalls werden zu viele Schneeflocken dazu führen, dass der Browser immer langsamer und langsamer wird. Wie auch immer, es war überlaufend: versteckt und kann es nicht sehen, und es ist sauber, wenn Sie es nicht sehen. Rufen Sie dann eine WINDBLOW -Funktion an, während Sie vertikal absteigen, um die Schneeflocken künstlerischer zu machen.
4. Windblow ()
Ein Name scheint wehend zu sein, aber es ist tatsächlich die Wirkung des Windwehens (das ist noch nutzloser. Haha.). Verwenden Sie eine Mathematik.
function letItSnow(){var snowBox=document.getElementById("snowBox");var iArray=new Array();createSnow(snowBox,iArray);}function fallDown(temObj,iArray){var speed=2;var top=parseInt(temObj.style.top);if(top>510){//When it reaches the height, delete it to relieve the Browser -Druck für (var i = 0; i <iarray.length; i ++) {if (temobj == iarray [i]) {iarray.splice (i, 1); var snowbox = document. wind = windblow (temobj, top); temobj.style.left = parseInt (temobj.style.left)+wind*2+"px"; erstellt (snowbox, iarray) {var temobj = document.createelement ("i"); var temtext = document.createTextNode ("*"); temobj.appendChild (temtext); temobj.style.left = parseInt (math.random ()*window.screen.width)+"px"; temobj.style.top = "0px"; var temnum = parseInt (math.random ()*200); temobj.style.color = "#"+temnum.toString (16)+temnum.toString (16)+temnum.toString (16)+temnum.toString (16); temnum = 0; while (temnum <10) {temnum = parseInt (math.random ()*15);} temobj.style.fontSize = temnum+"px"; var time = 0; while (time <40) {time = parseInt (math.random ()*50);} temobj.timer = setInterval (function () {falldown (temobj, iarray);}, Zeit); var snedInterval = 0; while (snowInterval <500) {Snowinterval = ParseInt (math.random) createTimer = setTimeout (function () {createsNow (Snowbox, iarray); ClearTimeout (CreateTimer);}, SnowInterval);}Demo -Adresse: http://demo.vevb.com/js/2014/snow/
OK, die vier Effektcodes enden hier. Ich hoffe, es kann Freunden in Not helfen. Wenn Sie Fragen haben, hinterlassen Sie bitte eine Nachricht unten.