الشتاء هنا ، وقد أضافت العديد من مساحات المدونات رقاقات الثلج ، لذلك ذهبت لرؤية تأثيرها. هناك العديد من رموز التأثير ، لذلك أخذتها. يمكن للأصدقاء المحتاجين أن يستقلهم وتجربتهم.
صور ندفة الثلج الكبيرة:
رمز التأثير 1
<script type = "text/javaScript" language = "javaScript"> (function () {function k (a ، b ، c) {if (A.AdDeventLister) {var b = window.onload ؛ window.onload = function () {b () ؛ a ()}}} الدالة h () {var a = {} "غير محدد") a [type.toLowerCase ()] = window ["page" + b + "Offset"] window.innerheight ؛ آخر إذا (a.parentElement.clientheight) b = a.parentElement.clientheight ؛ else (a && a.clientheight) b = a.clientheight ؛ return b} function i (a) {this.parent = document.body ؛ this.createel (this.parent ، a) ؛ 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.offSeTheight - this.size ؛ 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 ()} var j = false ؛ g (j = j = true}) {var c = [] ، m = setInterval (function () {f && b> c.length && math.random () <b * 0.0025 && c.push (new i (a)) ؛ ! F &&! NULL ؛ C.Splice (d ، 1)} else {c [d] .move () ؛ c [d] ب)})} ؛ window.removesNow = function () {f = false} ؛ "absolute" ؛ this.el.style.display = "block" ؛ this.el.style.zindex = "99999" ؛ this.parent.appendchild (this.el)} ، move: function () {if (this.angle <this.minangle 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"} ، remove: function ()نسخ والصق الرمز أعلاه مباشرة في ملف الرأس أو تذييل في الموضوع. إذا كنت تريد فقط عرض صفحة المقالة ، فأضفها إلى الأغنية مباشرة. أدناه ، سوف نوفر لك صورة ندفة الثلج (المواد المطلوبة). الصورة الصغيرة: تحتاج إلى تحميله على الموضوع الحالي لمدونتك ، ثم قم بتغيير الرابط في الكود إلى موقع الصورة. التأثير كما هو موضح في هذه الصفحة.
رمز التأثير 2:
<html> <Head> <script> function start () {var array = new array () ؛ var canvas = document.getElementById ( shownow () ؛ array.push (shownow) ؛} time = setInterval (function () {context.clearrect (0،0 ، canvas.width ، canvas.height) ؛ for (var i = 0 ؛ i <array.length ؛ i ++) {array [i] shownow () {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 =" start " Solid Blue "> </tanvas> </body> </html>يظهر هذا التأثير على النحو التالي (يشعر بقبيح ، غير مستحسن):
رمز التأثير الثالث
في الواقع ، إذا قمت بتنفيذ مدونة WordPress ، فيمكنك أيضًا استخدام المكون الإضافي Let It Snow.
لن أتحدث عن كيفية استخدام Let It Snow Plug-in هنا. لا يختلف الأمر عن التثبيتات المكانية الأخرى. يمكنك تنزيل الملفات وتحميلها مباشرة في المجلد ، Let it Snow to/WP-Content/Plugins/Directory ، ثم تنشيط هذا المكون الإضافي وتعيين المكون الإضافي في قائمة لوحة إدارة WordPress. أو ابحث مباشرة في مكتبة المكونات في الخلف ، يمكنك أيضًا العثور عليها.
دعه موقع Snow Snow الرسمي: انقر للزيارة
رمز التأثير الرابع
لقد رأيت مكونًا إضافيًا قويًا للغاية على الإنترنت. إنه لأمر رائع للغاية ، ويبدو أن رمز البحث عن Let It Snow على Google سيكون له تأثيرات الثلج والصقيع ، وهو أمر مبدع للغاية. إذا كنت تعتقد أن لديك أحذية أطفال جيدة ، فيمكنك الذهاب إلى الموقع الرسمي بنفسك.
لقد وجدت رمز تأثير ثلج عشوائي بسيط على الإنترنت لمشاركته معك (هذا التأثير مكتوب في رمز نقي. الثلج هي *.):
يتم شرح بعض الوظائف لفترة وجيزة:
1.
إنه يتساقط (هذه الجملة لا تزال عديمة الفائدة). ثم يتم استدعاء CreateSnow لتوليد رقاقات الثلج.
2. createSnow ()
كل ندفة الثلج هي علامة <i> ، ويتم وضع "*" في الداخل لمحاكاة رقاقات الثلج (لا يمكن تنزيل نسخة Google ، فهي تظهر فعليًا كمساحة ، وصنعت شمسًا ...) ، ثم وضعتها في حاوية كبيرة تسمى Snowbox ، ويتم دفع الأفراد المولدين إلى Iarray لجمعها. تستخدم الثلج طريقة تحديد المواقع المطلقة مع Snowbox كمرجع. الجزء العلوي هو 0px ، ويستخدم اليسار Math.random ()*window.screen.width للسماح بتوليد رقائق الثلج بشكل عشوائي في عرض الشاشة.
استخدم اللون للتحكم في عمق لون رقاقات الثلج لتوليد عمق الحقل ، يتراوح من 0 إلى 200
استخدم الخطوط للتحكم في حجم رقاقات الثلج ، تتراوح من 10 بكسل إلى 15 بكسل
استخدم الوقت للسيطرة على فاصل استدعاء الثلج المتساقط ، يتراوح من 40 مللي ثانية إلى 50 مللي ثانية
استخدم Snowinterval للتحكم في فترة توليد ندفة الثلج ، تتراوح من 500 مللي ثانية إلى 1000 مللي ثانية
ثم تسمى الدعوة العودية نفسها ، ويتم توليد الثلج باستمرار.
3. Falldown ()
كما يوحي الاسم ، فهذا يعني أن رقاقات الثلج تسقط ، بسرعة 2 بكسل ، مما يعني أن كل قطرة رأسية هي 2 بكسل. في هذا الوقت ، قم بإجراء اختبار. إذا انخفضت الثلج إلى ارتفاع ثابت ، وهو أعلى من الحاوية الأصل ، ثم قم بإزالته. هذا يمكن أن يقلل الضغط على المتصفح. خلاف ذلك ، فإن الكثير من رقاقات الثلج سيؤدي إلى أن يصبح المتصفح أبطأ وأبطأ. على أي حال ، لقد تم تجاوزه: مخفي ولا يمكن رؤيته ، وهو نظيف إذا لم تراه. ثم اتصل بوظيفة Windblow أثناء الهبوط رأسياً لجعل الثلج أكثر فنية.
4. Windblow ()
يبدو أن الاسم ينفخ الرياح ، لكنه في الواقع تأثير تهب الرياح (هذا غير مجدي أكثر. هاها.). استخدم الرياضيات.
وظيفة LETITSNOW () {var snowbox = document.getElementById ("Snowbox") ؛ var iarray = new array () ؛ createSnow (snowbox ، iarray) ؛} function formdown (temobj ، iarray) {var speed = 2 ؛ var top = parseint (temobj.style.top) ؛ ضغط المتصفح لـ (var i = 0 ؛ i <iarray.length ؛ i ++) {if (temobj == iarray [i]) {iarray.splice (i ، 1) ؛ var snowbox = document.getElementById ("Snowbox") false ؛}}} temobj.style.top = top+speed+"px" ؛ var wind = windblow (temobj ، top) ؛ temobj.style.left = parseint (temobj.style.left)+Wind*2+"px" Math.sin (Top/16) ؛ Else Return Math.cos (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) ؛ temnum = 0 ؛ بينما (temnum <10) {temnum = parseint (math.random ()*15) ؛} temobj.style.fontsize = temnum+"px" ؛ var time = 0 ؛ بينما (الوقت <40) {time = parseint (math.random ()*50) ؛} temobj.timer = setInterval (function () {falldown (temobj ، iarray) ؛} ، time) ؛ var snowinterval = 0 ؛ ick (snowinterval <500) {snowinterval = parseint (math.random () CreateTimer = setTimeOut (function () {createSnow (Snowbox ، iarray) ؛ cleartimeout (createTimer) ؛} ، snowinterval) ؛}عنوان العرض التوضيحي: http://demo.vevb.com/js/2014/snow/
حسنًا ، تنتهي رموز التأثير الأربعة هنا. أتمنى أن يساعد الأصدقاء المحتاجون. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة أدناه.