Uchish uchun qor parchalari skript.
Golovna 2 Ajoyib o'quvchi Agar siz JavaScript wiki-ni bloklasangiz, ko'proq ma'lumotga ega bo'lmaysiz
dumba
Yogo zastosuvannya! Yog‘ayotgan qorning JavaScript effekti Yordam uchun kino
JavaScript dasturlash Saytga tushgan qor bilan hatto bir xil effekt yaratishingiz mumkin. Saytingizda qor yaratish uchun men ushbu sahifaga uzoq vaqtdan beri ulanganman. qor yog'ayotgan skript.
, qo'shimcha yordam uchun ilovalar
JavaScript kodi
Agar siz HTML saytiga qor yog'ishi effektini qo'shishingiz kerak bo'lsa, unda siz shunchaki ushbu skriptni sozlashingiz kerak. Saytda qor skripti Qor parchalarining ko'rinishi- qor kodlari ularni hamma narsada aks ettiradi
"tana" veb hikoyalari, ya'ni. tegda o'lish , vyvodyachi yx sahifa chegaralaridan tashqarida badbo'y hid o'rnatilganda. Aquyida qor parchalari "89" bilish "49" u erda, qor skriptiga o'rnatilgan joyda. Qor parchalarini ko'rishning pastki chegarasi- snow() funksiyasining if operatorida, kodning 42-qatorida quyidagi ifodada yoziladi: if (y_pos[i] > balandligi - 89)( Qor parchalarining ko'rishning pastki chegarasi uzoqroqda, raqam kichikroq bo'lsa, u balandlikdan ko'rinadi Xo'sh, tayinlangan raqamni almashtirish , qo'ying, aytaylik -, keyin kichkina dumba ustida "aylanayotgan" qor parchalari paydo bo'ladi, bilish.
allaqachon uchun yoga rozdyljuvalny smuha
Qor parchalari soni- skript js kodining 14-qatoriga virusga kiritilgan:
var col = Math.round(balandlik/25); "5" Qor parchalari soni qanchalik ko'p bo'lsa, har bir ifodada ko'rsatilgan raqam qanchalik kichik bo'lsa.
Qor parchalarining suyuqligi
- Virus uchun kodning 50-qatorida sozlangan: setTimeout("snow()", 40); Qor parchalari ko'proq suyuq va kamroq bulutli.** Masalan, ushbu raqamlarni kichik qiymatga ega bo'lishini buyurgan holda, aytaylik -
, veb-saytingiz sahifasida "yaqinda qor yog'ishi" ni yaratishingiz mumkin. "Buran"! Va nima haqida! Birinchi qatordagi kodni unutmang(!): var imgsrc="image/snow/snow.gif"; Qor parchalarining kerakli rasmlariga yo'l ko'rsating. Gapirishdan oldin!.
Siz xotirjamlik bilan ko'rsatishingiz mumkin BE-YAKU RASM
,
Ushbu papkalardan. Sinov uchun men rasmlarni oldim va yozdim: snow.gif ÷ snow6.gif ( *tsikavo;. hamma qirg‘inning badbo‘y hidi
), mutlaqo
Rojdestvo va Yangi Rok oldidan veb-saytingizni bezash juda oson.
Skriptni o'rnating va qor parchalari saytda paydo bo'ladi.
Veb-saytingizga qor parchalarini qanday kiritish kerak
Agar siz faylni yuklash va uni xostingingizga yuklash bilan ovora bo'lishni xohlamasangiz, saytingiz shabloniga bitta qator qo'shishingiz mumkin. Yopish belgisidan oldin
kodni joylashtiring:
Agar siz skriptni qor parchalari bilan veb-saytingizga qanday o'rnatishni yoki uni sozlashni o'rganmoqchi bo'lsangiz (garchi bu murakkab bo'lmasa-da, lekin bu hali ham mumkin), unda men o'qishni davom ettirishni maslahat beraman.
Skriptni sehrlang
Quyidagi tugmalardan birini bosganingizdan so'ng sizdan faylni yuklab olishingiz so'raladi.
Veb-ustalar veb-saytlarni bezatadi
Bu taqdirning oxirigacha veb-ustalar va veb-sayt egalari hali ham o'z saytlarini yangi mavzularni aks ettirish uchun bezashga harakat qilmoqdalar.
Rojdestvo bayrami muhiti yaratilmoqda va kutilmagan narsa sodir bo'layotganga o'xshaydi. Buntni haddan tashqari oshirmang Foydalanish bo'yicha mutaxassislar bizdan oldinda, shuning uchun sayt dizaynini tubdan o'zgartira oladiganlarni unutish oson emas, bu yigitga ostida
yangi til mavzulari
mijozlarni yo'qotishingiz mumkin.
Bu haqda statistika.
Boshqa tomondan, saytingiz dizayni bilan qiziqqan foydalanuvchilarga yangilik shunchaki yoqmasligi mumkin yoki ular yangi interfeysga kirish uchun vaqtlarini behuda sarflashni xohlamaydilar va keyin saytni tark etishadi. Bu usul xaridorlardan konvertatsiya darajasini pasaytiradi.
Yangi Rokdan oldin saytni qanday bezash kerak
Mavzu bo'yicha maqola:Eng oddiy va og'riqsiz o'zgarish qor yog'ishining ta'sirini bartaraf etish varianti bo'lishi mumkin.
Yandex.Speler-ni WordPress-ga qanday ulash mumkin
Men Internetda qor parchalari uchun tayyor skriptlarni izlashga ko'p vaqt sarfladim. Nihoyat, juda yaxshi skriptlarni topishga muvaffaq bo'ldim. Men sizga kimdir haqida aytib bermoqchiman.
Skriptning birinchi versiyasi
qor parchalari bilan.
Skriptning ushbu versiyasini yuklab olmang - tamom.
"Qor parchalari, nega tushadi" skripti
Qor parchalarini yaratadigan boshqa skriptlardan nimasi bilan farq qiladi?
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")
// Qor parchalarini yaratadigan shriftlarni o'rnating.
Istaganingizcha shrift qo'shing
var snowtype=new Array("Vaqt")
// Qor parchasini yaratadigan harfni belgilang (tavsiya etiladi: *)
var snowletter="*"
// Cho'kish tezligini o'rnating (o'zgaruvchan qiymatlar 0,3 dan 2 gacha)
var sinkspeed=0,6
// Qor parchalarining maksimal hajmini o'rnating
var snowmaxsize=35
// Qor parchalarining minimal hajmini o'rnating
var snowminsize=8
// Qor yog'adigan zonani o'rnating
// To'liq qor yog'ishi uchun 1 ni, chap tomondan qor yog'ishi uchun 2 ni belgilang
// Markaziy qor uchun 3, o'ng tomondan qor uchun 4 o'rnating
var snowingzone=1 Burjua yozuvi va ingliz tilidagi yangi sharhlar. Salom dasturchilarga
Ingliz tili
- Ridni.
- Ishonchim komilki, bu katlamalar uchun men aybdor emasman.
- Skript bilan bog'liq muammolarni ko'ring
Asl skript kamchiliklarni bartaraf etmaydi.
- Afsuski, barcha hidlar allaqachon muvaffaqiyatli olib tashlangan.
- Keng ekranli monitorda qor parchalari butun mavjud maydonni qamrab olmadi.
Men Java skriptlari bilan unchalik tanish emasman. Shunday qilib, men BaDeVlad taxallusi bilan mashhur bo'lgan iste'dodli do'stim Denis Balikindan ushbu ssenariyning kamchiliklarini tuzatishni so'radim.
Uslublardan oldin standart uslublar faylimizni qayta ko'rib chiqamiz demo.css Endi qor ustida qor parchalari tushayotgandek taassurot qoldirish uchun biz grafik tasvirni yaratamiz fon.jpg Va biz uni dadada saqlaymiz
img demo versiyasi bilan bir xil. Xo'sh, men yana bir bor aytaman, faqat buning uchun hamma narsa sizning ehtiyojlaringiz uchun kutishda qoladi. Shundan so'ng, biz uni ho'l holda va blokli idishning o'zini yaratamiz div identifikator bilan mazmuni , biz plaginimizni ishga tushiramiz saytga qor parchalari tushishi . Varto vachuvat parametrlaridan, shuning uchun
minimal o'lcham qor parchasining minimal hajmini 5 pikselga, qor parchasining maksimal hajmini o'rnatadi
maxSize va uslublar fayllari 12 pikseldan ortiq. demo.css Qor parchalarining o'lchamini kerakli narsaga sozlang.
Yana bir timsoh.
CSS.
Keling, boshqa krokka, keyin esa uslublarga o'tamiz
.
Bizning ilovamizda barcha uslublar, shu jumladan, faqat dizayn uchun kerak, ammo skriptning to'liq foydaliligi talab qilinmaydi!
Blogger boshqaruv paneli > Dizayn > HTML/JavaScript gadjetini qo‘shish-ga o‘ting.
Kod oynaga kiritiladi.
Kodni gadjetga kiritganingizdan so'ng, uni yuqoriga ko'tarishingiz kerak.
Qancha pul topishingiz muhim emas, biz HTML/JavaScript gadjetini bosish uchun ayiqning chap tugmasidan foydalanamiz va uni shablon ostida bosamiz va qo'yib yuboramiz, u birinchi marta ishlamadi, yana takrorlang.
Yangi yil va muqaddas kunlarda veb-saytlaringiz va bloglaringizni bezash yaxshidir.
Siz bunday saytlarga tashrif buyurishingiz mumkin :). Mening blogim aybdor emas, u ham bu qish avliyolari davri uchun o'zgartirildi. Yalinka bilan bezatilgan, changi qor bosganiga qaramay, bu haqda post yozib, maqtana olmaydigan yangi logotipni ohangdor tarzda belgilab oldingiz. Ilgari men boshqa saytlardagi hayrat tufayli hech qachon qor parchalari tushishi uchun skriptlarni saytga o'rnatmagan edim va rostini aytsam - bunga hojat ham yo'q edi va ba'zida men qiynalardim. ”.
Yaqinda Google'da paydo bo'ldi
1 yangi xususiyat .;
2 Men sizga bu haqda aytdim - yog'ayotgan qor va muzlab qoladigan ekran, keyin barmog'ingiz bilan tegishingiz mumkin. Qidiruv tizimiga “ bilan kirib koʻring.
qor yog'sin
Men ikki sababga ko'ra bu yondashuvdan allaqachon qulay edim: ..
Bundan ham qiyinroq ko'rinadi
yoqimli
.
Qor ko'proq yog'a boshlaydi
Yaxshi plaginga o'xshaydi.
Men boshlamasligini his qilaman, men odatdagidek turishni xohlayman, lekin qor yo'q :).
Buni sinab ko'ring, ehtimol sizning natijangiz yaxshiroq bo'ladi.
Ushbu plagin men hozir bo'lgani kabi ishlaydi.
Ularning hech biri uchun maxsus sozlash yo'q, faqat qorni o'rnatgan.
Agar xohlasangiz, plagin muharriridan har qanday narsani (rang, silliqlik va h.k.) sozlashingiz mumkin.
plagin faylining o'zini tahrirlash.
Hamma narsa yaxshi bo'lar edi, ammo kamchiliklar avvalgidek: bu hali ham plagin, garchi u "muhim" bo'lmasa-da va doimiy ravishda qor yog'moqda, ma'lum bo'lishicha, bu kerak emas.
Ushbu plaginni universal Rojdestvo plagini deb atash mumkin. Qor o'sishi bilan, bu skript shishiriladigan sumkalar va barcha turdagi barglarni yuborishi mumkin :). Men ushbu plaginni o'rnatmoqchi edim.
Ale..., menda allaqachon o'z qor bor :).
Koristuvachni yuvish uchun saytdagi qor| < script type= "text/javascript" src= Quvvat o'qi - bu yechim, bu, mening fikrimcha, barcha ortiqcha qayta sug'urtalashlarning eng yaxshisidir.> < script src= Albatta, bu erda hamma narsa unchalik zo'r emas, xuddi "Qor, sharlar va boshqalar" kabi, lekin oddiyroq yomonroq degani emas.> |
Ushbu skriptning eng katta plyusi bu "kelishuvdagi qor".
Qor o'z-o'zidan tushmaydi, tugmani bosishning hojati yo'q.
Shu tarzda, ekranda oq plastmassani o'qishga juda qiziquvchilarning haydovchiligidan haydovchi stressga duchor bo'lmaydi.
1 Agar siz qorni xohlasangiz, uni olishingiz mumkin.
| < input name= "snowbutton" TYPE = "button" onclick= "$("body").snowFall();" title= "Boshlash uchun ushbu fayllarni yuklab oling va ularni serveringizga yuklang" class= "snowbutton" /> |
Menga papka kerak
2 : , .
| Gapirishdan oldin tugma quyidagicha ko'rinadi: |
Keyin teglar orasida
skriptlarga yo'llarni yozish: "way/jquery.min.js?ver=1.7".
"way/jquery.letsinsnow.js" chet-usti: 80px;(asosiy ekranga kirish) chap chekka: 740px;(Yomon kirish).
Albatta, siz butunlay boshqa uslublarni ro'yxatdan o'tkazishingiz va boshqa tugmani sozlashingiz mumkin.
Men bluzkam ishlayotgan dumbadan mahrumman.
Gapirishdan oldin sinab ko'ring.
Tugma blog sarlavhasida, qidiruv shakli bilan tartibda joylashgan: Do'stlaringizga omad!
