冬はここにあり、多くのブログスペースが雪片を追加しているので、私は彼らの効果を見に行きました。いくつかの効果コードがあるので、私はそれらを引き継ぎました。困っている友達はそれらを引き継いで試してみることができます。
大きなスノーフレークの写真:
効果コード1
<script type = "text/javascript"言語= "javascript">(function(){function k(a、b、c){if(a.addeventlistener)a.addeventlistener(b、c、false); els a.attachevent&atachevent( "on" + b、c)} function g(a)unction g(a)fuction g( ") a; else {var b = window.onload; window.onload = function(){b(); a()}} function h(){var a = {}; 「未定義」)a [type.tolowercase()] = window ["page" + b + "offset"]; (window.innerheight)b = window.innerheight; else if(a.parentelement.clientheight)b = a.parentelement.clientheight; else if(a && a.clientheight)b = a.clientheight; return b} function i(a){this.parent.body; + 5; this.el.style.width = math.round(this.size) + "px"; this.el.style.height = math.round(this.size) + "px"; this.maxleft = document.body.body.offsetwidth -this.size; this.maxtop = document.Body.Body -sise- this.maxleft; this.top = h()。top + 1; this.angle = 1.4 + 0.2 * math.random(); this.minangle = 1.4; this.maxangle = 1.6; this.angledelta = 0.01 * math.random(); this.speed = 2 + math.random() true; window.createsnow = function(a、b){if(j){var c = []、m = setinterval(function(){f && b> c.length && math.random()<b * 0.0025 && c.push(new i(a)); ! f &&!c.length && clearinterval(m); for(var e = h()。top、n = l()、d = c.length-1; d> = 0; d-)if(c [d])if(c [d] .top <e || c [d] .top + c [d] .size + 1> e + n){c [d]。 null; c.splice(d、1)} else {c [d] .move(); c [d] .draw()}、40); k(window、 "scroll"、function(){for(var e = c.length-1; e> = 0; e-)c [e] .draw()}} b)})}; window.removesnow = function(){f = false}; i.prototype = {createer:function(a、b){this.el = document.createelment( "img"); this.el.setattribute( "src"、b + "絶対リンク"absolute"; this.el.style.display = "block"; this.el.style.zindex = "99999"; this.parent.appendChild(this.el)}、move:function(){if(this.angle <this.minangle || this.angle> this.maxanang this.angledelta; this.left += this.speed * math.cos(this.angle * math.pi); this.top- = this.speed * math.sin(this.angle * math.pi); if(this.left <0)this.left = this.maxleft; {this.el.style.top = math.round(this.top) + "px"; this.el.style.left = math.round(this.left) + "px"}、remover:function(){this.removechild(this.el); this.parent = thiseel} ^ create}; <上記のコードをトピックのヘッダーまたはフッターファイルに直接コピーして貼り付けます。記事ページを表示したい場合は、シングルに直接追加します。以下に、スノーフレークの写真(必要な素材)を提供します。小さな写真:ブログの現在のトピックにアップロードしてから、コードのリンクを写真の場所に変更する必要があります。このページに示されているように効果があります。
効果コード2:
<html> <head> <script> function start(){var array = new array(); var canvas = document.getElementbyid( "mycanvas"); var context = canvas.getContext( "2d"); showsnow(); array.push(showsnow);} time = setinterval(function(){context.clearrect(0,0、canvas.width、canvas.height); showsnow(){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 = 600){y = 0;}}} </script> </head> <body> <入力タイプ=" button "value =" start "onclick ="青 "> </canvas> </body> </html>この効果は次のように実証されています(醜く、推奨されません):
効果コード3
実際、WordPressブログを実装すると、Let It Snowプラグインも使用できます。
ここでLet It Snow Pluginの使用方法については話しません。他のプラグインのインストールと違いはありません。フォルダーにファイルを直接ダウンロードしてアップロードして、/wp-content/plugins/directoryに雪が降ってから、このプラグインをアクティブにして、WordPress管理パネルメニューにプラグインを設定します。または、後ろのプラグインライブラリで直接検索すると、それを見つけることもできます。
それを雪の公式ウェブサイトにさせてください:クリックして訪問します
効果コード4
非常に強力な吹雪プラグインをオンラインで見てきました。それはとても素晴らしいです、Googleの雪を検索するためのコードは、雪と霜の効果が非常に創造的であるように思われます。子供の靴が良いと思われる場合は、自分で公式ウェブサイトにアクセスできます。
私はあなたと共有するためにオンラインで単純なランダムなスノーフレークの落下効果コードを見つけました(この効果は純粋なコードで書かれています。スノーフレークは *。)::
いくつかの機能について簡単に説明します。
1。letitsnow()
雪が降っています(この文はまだ役に立たない)。その後、createsnowが雪片を生成するために呼び出されます。
2。createsnow()
各スノーフレークは<i>タグであり、「*」が雪片をシミュレートするために「*」を配置します(Googleのコピーはダウンロードできません。実際にはスペースとして表示され、太陽を作りました...)、Snowboxと呼ばれる大きな容器に入れられ、生成された個人はIARRAYに押し込まれます。雪片は、参照としてSnowboxを使用して絶対的な位置決め方法を使用します。上部は0pxで、左はmath.random()*window.screen.widthを使用して、画面幅で雪片をランダムに生成できるようにします。
色を使用して、雪片の色の深さを制御して、0〜200の範囲の被写界深度を生成します
fontsizeを使用して、10pxから15pxの範囲の雪片のサイズを制御します
時間を使用して、40ms〜50msの範囲の雪片のコール間隔を制御します
Snowintervalを使用して、500msから1000msの範囲のスノーフレーク生成の間隔を制御します
その後、再帰コール自体が呼び出され、雪片は常に生成されます。
3。フォールダウン()
名前が示すように、それは雪片が2pxの速度で落ちることを意味します。つまり、各垂直ドロップは2pxです。この時点で、テストを行います。雪片が親容器よりも高い固定高さに落ちる場合は、それを取り外します。これにより、ブラウザの圧力が低下する可能性があります。それ以外の場合、雪片が多すぎると、ブラウザが遅くなり、遅くなります。とにかく、それはオーバーフローでした:隠されていて、それを見ることができません、そしてあなたがそれを見なければそれはきれいです。次に、垂直方向に下降しながら、雪片をより芸術的にします。
4。Windblow()
名前は風が吹いているようですが、実際には風が吹く効果です(これはさらに役に立たない。ハハ。)。 Math.sin()を使用して、空中に浮かぶ雪片の効果を生み出し、雪片が単調に落ちないようにしますが、ヘビの形に落ち、落下の間隔を制御して、連続性が良くなり、より快適に見えるようにします。
関数letitsnow(){var snowbox = document.getelementbyid( "snowbox"); var iarray = new array(); createsnow(snowbox、iarray);} function falldown(temobj、iarray){var top = 2;ブラウザの圧力(var i = 0; i <iarray.length; i ++){if(temobj == iarray [i]){iarray.splice(i、1); var snowbox = document.getElementbyid( "snowbox"); snowbox.removechild(temobj); return fals; Wind = Windblow(Temobj、Top); temobj.style.left = parseint(temobj.style.Left)+Wind*2+"px";} function windblow(temobj、top){if(parseint(math.random())%2 == 1)return math.sin(top/16); createsnow(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); iarray.push(temobj); shinebox.appendchild(var 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(fulnced(){fallown(temobj、iarray);}、time); var snowinterval = 0; createTimer = setimeout(function(){createsnow(snowbox、iarray); cleartimeout(createTimer);}、snowinterval);}デモアドレス:http://demo.vevb.com/js/2014/snow/
OK、4つの効果コードはここで終了します。それが困っている友人を助けることができることを願っています。ご質問がある場合は、以下にメッセージを残してください。