Laba diena ir laimingų Naujųjų metų. Naujųjų metų išvakarėse noriu su jumis pasidalinti labai lengvu, gražiu ir nepretenzingu krentančio sniego įskiepiu. Šis scenarijus yra tikrai labai lengvas ir lengvai tinka html failą neapsunkindamas darbo su savimi html kodas om svetainė. Tiesa, jį galima įdėti į atskirą failą. Bet patogumo dėlei viską padariau viename faile.
Nėra čia ką daug kalbėti, geriau pažiūrėti šio krentančio sniego demonstraciją. Be to, yra labai gražus fonas ir užrašas „Su Naujaisiais metais“. gražus šriftas„Omaras“ iš „Google“. Šį failą galite lengvai paversti internetiniu sveikinimo atviruku.
Krintančių snaigių scenarijaus prijungimas prie baigtos svetainės 1. Prijunkite jQuery bibliotekąJis jungiasi taip: tarp žymų ir įterpkite šį kodą:
2. Sujunkite stilius
Įklijuokite css kodą į css failą (dažniausiai style.css):
#drobė (kraštinė: 1 piks. vientisa juoda; padėtis: absoliuti; z indeksas: 10000; ) #dribsniai ( spalva: #fff; padėtis: absoliuti; šrifto dydis: 25 piks.; viršuje: -50 piks.; )
3. Sukurkite failą snow.jsSukurkime failą snow.js ir įterpkime ten šį javascript kodą:
var t = setInterval(function())( var documentHeight = $(document).height(); var startPositionLeft = Math.random() * $(document).width() - 100; var startNepermatomumas = 0,5 + Math.random ( ); var sizeFlake = 10 + Math.random() * 20; var endPositionTop = dokumento aukštis - 40; var endPositionLeft = startPositionLeft - 100 + Math.random() * 200; kintamoji trukmėFall = dokumento aukštis * 10 + Math.random() * 5000; $("#flake") .clone() .appendTo("body") .css(( kairėje: startPositionLeft, neskaidrumas: startOpacity, "šrifto dydis": sizeFlake ) ) .animate(( viršuje: endPositionTop, kairėje : endPositionLeft, neskaidrumas: 0,2 ), trukmėFall, "linijinis", funkcija() ( $(this).remove()); ), 500); var sniegas = (); var snowflex = (); snowflex.create = funkcija( snowflex)( var flex = document.createElement("div"); flex.innerHTML = "❄"; flex.style.fontSize = 10 + Math.random() * 20 + "px"; flex . style.top = - 50 + Math.random() * 20 + "px"; flex.style.left = Math.random() * 1500 + "px"; flex.style.position = "absoliutus"; lankstus. style .color = "#F3F3F3"; flex.style.opacity = Math.random(); document.getElementsByTagName("body").appendChild(flex); return flex; ); snow.snowflex = funkcija()( var flex = snowflex.create(); var x = -1 + Math.random() * 2; var t = setInterval(function())( flex.style.top = parseInt(flex) . style.top) + 5 + "px"; flex.style.left = parseInt(flex.style.left) + x + "px"; if (parseInt(flex.style.top) > 1500) ( clearInterval(t) ) ; document.getElementsByTagName("body").removeChild(flex); ) ), 45 + Math.random() * 20); ); snow.storm = funkcija())( var t = setInterval(function())( snow.snowflex(); ), 500); ); //sniegas.audra(); var rūkas = (); fog.draw = function(ctx, x, y)( ctx.fillStyle = "rgba(255, 255, 255, " + Math.random() + ")"; ctx.arc(x, y, 10,0, Math.PI*2,true); ctx.closePath(); ctx.fill(); ); fog.start = funkcija())( var ctx = document.getElementById("drobė").getContext("2d"); var x = 0; var y = 0; var t = setInterval(function())( x = 300 + 300*Math.sin(x); y = 300 + 300* -Math.cos(x); x += 2; migla.draw(ctx, x, y); ), 100); ); //rūkas.start();
Mes įtraukiame js failą į:
4. Įdėkite html kodą
Na, o svarbiausia išlieka – įterpkite krintančio sniego html kodą bet kur:
❄
Jei viską padarėte teisingai, jūsų svetainėje pradės kristi sniegas.
Fono paveikslėlio, didelės antraštės ir krintančių snaigių sujungimasŠi parinktis skiriasi tuo, kad turi fono paveikslėlį ir didelę antraštę „Laimingų Naujųjų metų“. Šią krintančio sniego scenarijaus versiją prijungti prie savo svetainės yra gana paprasta. Reikia:
1. Atsisiųskite archyvą ir išpakuokite jį 2. Prijunkite jQuery bibliotekąBūtinai įtraukite jQuery biblioteką (nebūtina, jei šią biblioteką jau turite). Jis jungiasi taip: tarp žymų ir įterpkite šį kodą:
3. Prijunkite šriftą "Lobster"
Panašiai kaip prijungdami jQuery biblioteką, sujungiame užrašo „Laimingų Naujųjų metų“ šriftą:
Natūralu, kad jei jums nereikia šio užrašo ir šrifto, jo įtraukti nereikia, bet tada css pašalinkite „font-family: „Lobster“, cursive;“ iš atributo H1 arba pakeiskite jį su savo šriftu
4. Stilių sujungimasA parinktis: įklijuokite css kodą į css failą. Štai kodas:
Img.bg ( /* Nustatyti taisykles, kad užpildytumėte foną */ min. aukštis: 100%; min. plotis: 1024 pikseliai; /* Proporcingo mastelio nustatymas */ plotis: 100%; aukštis: automatinis; /* Nustatyti padėties nustatymą */ padėtis: fiksuota; viršuje: 0; kairėje: 0; ) h1 (šriftų šeima: "Lobster", kursyvas; spalva: #FFF; šrifto dydis: 90 pikselių; teksto lygiavimas: centre; eilutės aukštis: 95 pikseliai; šriftas- svoris: normalus; paraštė viršuje: 300 pikselių; teksto šešėlis: 5 piks. 5 piks. 5 piks. # 000; ) @medijos ekranas ir (maksimalus plotis: 1024 pikseliai) ( /* Konkrečiai šiam vaizdui */ img.bg ( kairėje: 50 % ; paraštės kairėje: -512 pikselių; /* 50% */ ) ) html, tekstas (šriftų šeima: Helvetica, Arial, sans-serif; šrifto dydis: 12 pikselių; eilutės aukštis: 16 pikselių; užpildymas: 0; paraštė: 0; spalva: #333; ) .bar (fono spalva: #111; spalva: #f0f0f0; dėžutės šešėlis: 0px 0px 2px #333; linijos aukštis: 25px; užpildas: 0px 20px; neskaidrumas: 0,7; ). bar:hover ( neskaidrumas: 1; ) .bar a (spalva: #DDD; ) .bar a:hover (spalva: #FFFFFF; ) a (spalva: #FFFFFF; teksto dekoravimas: nėra; ) a:hover ( spalva : #CCC; ) #drobė ( kraštinė: 1px vientisa juoda; padėtis: absoliuti; z indeksas: 10000; ) #flake ( spalva: #fff; padėtis: absoliuti; šrifto dydis: 25 piks.; viršuje: -50 pikselių; ) #puslapis ( pozicija: santykinis; )
B parinktis. Taip pat galite sukurti atskirą failą, pvz., snow.css, ir įklijuoti ten tą patį kodą, nors jį reikės įtraukti į antraštę taip:
5. Prijunkite krintančio sniego scenarijų
A parinktis. Norėdami tai padaryti, turime įterpti šį JavaScript kodą pačioje svetainės apačioje (prieš uždarant):
var t = setInterval(function())( var documentHeight = $(document).height(); var startPositionLeft = Math.random() * $(document).width() - 100; var startOpacity= 0,5 + Math.random ( ); var sizeFlake= 10 + Math.random() * 20; var endPositionTop= documentHeight – 40; var endPositionLeft= startPositionLeft – 100 + Math.random() * 200; var durationFall= documentHeight * 10 + Math.random() * 5000; $("#flake") .clone() .appendTo("body") .css(( kairėje: startPositionLeft, neskaidrumas: startOpacity, "šrifto dydis": sizeFlake )) .animate(( viršuje: endPositionTop, kairėje : endPositionLeft, neskaidrumas: 0,2 ), trukmėFall, "linijinis", funkcija() ( $(this).remove()); ), 500); var sniegas = (); var snowflex = (); snowflex.create = funkcija( snowflex)( var flex = document.createElement("div"); flex.innerHTML = "❄"; flex.style.fontSize = 10 + Math.random() * 20 + "px"; flex . style.top = - 50 + Math.random() * 20 + "px"; flex.style.left = Math.random() * 1500 + "px"; flex.style.position = "absoliutus"; lankstus. style .color = "#F3F3F3"; flex.style.opacity= Math.random(); document.getElementsByTagName("body").appendChild(flex); return flex; ); snow.snowflex = funkcija()( var flex = snowflex.create(); var x = -1 + Math.random() * 2; var t = setInterval(function())( flex.style.top = parseInt(flex) . style.top) + 5 + "px"; flex.style.left = parseInt(flex.style.left) + x + "px"; if (parseInt(flex.style.top) > 1500) ( clearInterval(t) ) ; document.getElementsByTagName("body").removeChild(flex); ) ), 45 + Math.random() * 20); ); snow.storm = funkcija())( var t= setInterval(function())( snow.snowflex(); ), 500); ); //sniegas.audra(); var rūkas = (); fog.draw = function(ctx, x, y)( ctx.fillStyle = "rgba(255, 255, 255, " + Math.random() + ")"; ctx.arc(x, y, 10,0, Math.PI*2,true); ctx.closePath(); ctx.fill(); ); fog.start = funkcija())( var ctx = document.getElementById("drobė").getContext("2d"); var x = 0; var y = 0; var t = setInterval(function())( x = 300 + 300*Math.sin(x); y = 300 + 300* -Math.cos(x); x += 2; migla.draw(ctx, x, y); ), 100); ); //rūkas.start();
B parinktis. Kaip ir naudojant css kodą, javascript gali būti įdėtas į atskirą failą, taip pat vadinamas snow.js ir įtrauktas į antraštę:
6. Užpildykite fono paveikslėlį
Įkelkite vaizdą bg.jpg iš archyvo į savo svetainės šaknį
7. Įdėkite html kodąNa, o svarbiausia belieka įterpti krentančio sniego html kodą:
Laimingų Naujųjų metų! ❄
Krentančio sniego scenarijus sėkmingai prijungtas. Būtinai žiūrėkite jį veikiant. Viskas kas geriausia!
Sveiki visi! Lygiai prieš trejus metus jau rašiau. Tačiau, kaip paaiškėjo, scenarijus, kurį tada pasiūliau, ir jo įdiegimo būdas daugeliui mano tinklaraščio skaitytojų pasirodė ne visai aiškus. Mane tiesiogine prasme užplūdo klausimai, nes tokiu atveju reikėjo papildyti kodą, įkelti failus į šakninį aplanką... Žinoma, turėjau padėti visiems, kurie klausė, o tai, kaip jūs pats suprantate, užtruko. daug laiko.
Bet, kaip sakoma, laikas nestovi vietoje. Dar vakar mūsų visažinio interneto platybėse netyčia aptikau puikų scenarijų ir dabar žinau kitą būdą, kaip svetainėje įdiegti krentančias snaiges. Kad būtų smagu, išbandžiau. Rezultatus galite pamatyti patys. Scenarijus nesulėtina svetainės puslapių įkėlimo greičio, tinka beveik bet kuriai TVS, nevargina skaitytojų – tiesiog sukuria gerą nuotaiką!
Tiems, kam patiko šios krentančios snaigės, papasakosiu jų „gamybos“ detales. Ir jie yra paruošti naudojant šį nedidelį scenarijų:
Tai viskas! Daugiau jokių failų aplankų ar atskirų failų. Pakanka įdiegti šį kodą iš karto po atidarymo žymos ir Naujųjų metų nuotaika jau yra su jumis.
Tačiau visos temos yra skirtingos ir mano atveju scenarijų turėjau įdiegti kitoje vietoje. Šis scenarijusĮterpiau jį į header.php failą header.php faile iš karto po žymos ir viskas veikia gerai.
Tačiau iš karto perspėju, kad dirbdami su temų redaktoriumi turite tai padaryti atsarginė kopija tik tuo atveju, kad būtumėte saugūs. Jei padarėte ką nors ne taip ir padarysite klaidą, galite viską be problemų išspręsti naudodami atsarginę kopiją.
Iš smulkmenų galiu pridurti, kad į scenarijų „įsiūta“ 40 snaigių, kurių maksimalus dydis iki 35px. Ir aš taip pat manau, kad tai yra optimalios vertės. Deja, taip ir nepavyko sužinoti rasto leidinio autoriaus pavardės, kad galėčiau labai padėkoti už atliktą darbą.
O snaigės papuoš ne tik svetainę, bet ir bus puikus priedas tiems, kurie gamins „virusinius“ sveikinimo atvirukus Naujiesiems metams, jei tarp skaitančiųjų šį straipsnį yra tokių geros nuotaikos gerbėjų. Beje, į šias virusines korteles galite įterpti kodus ir iš to užsidirbti pinigų.
Tikiuosi, kad ir šis purus sniegas nepaliks abejingų ir juo džiuginsite savo tinklaraščio skaitytojus visas artėjančias šventes.
Jei turite klausimų, galite juos užduoti šio straipsnio komentaruose. Linkiu viso ko geriausio ir sveikinu su artėjančiais 2015-aisiais! Laukiu jūsų komentarų ir su malonumu į juos atsakysiu.
Sveiki visi mieli draugai! Nors žiema baigėsi, vis tiek noriu papasakoti, kaip sukurti krentančias snaiges WordPress svetainėje, kad šiek tiek prisimintumėte žiemos dienas :-). Sukursime krentančias snaiges naudodami scenarijų ir įskiepį.
Tai yra, šiame straipsnyje mes analizuosime du absoliučiai veikiančius metodus. Ten jūs patys nuspręsite, kuris variantas jums priimtinesnis. Taigi, pereikime prie praktinės pamokos dalies.
Kaip sukurti krentančias snaiges „WordPress“ naudojant papildinį?Naršymas internete ieškant geriausias variantas Pasirinkau papildinį – WP Super Snow. Kai kuriuose straipsniuose susidūriau su kitais variantais, tačiau visuose autoriai jau seniai neatnaujina savo kūrybos. O „WordPress“ nuolat atnaujinama ir tobulinama. Todėl čia reikia nuolat palaikyti savo projektą, kad jis būtų suderinamas su visomis versijomis.
Taigi, eikime į skiltį Papildiniai – Pridėti naują ir įdiekite krentančių snaigių papildinį, skirtą „WordPress“.
Spustelėkite mygtuką Įdiegti ir darykite viską kaip įprasta. Beje, jei vis dar nežinote, kaip tai padaryti, mano straipsnis jums padės.
Puiku! Įdiegėme ir suaktyvinome papildinį. Po to kairėje „WordPress“ administratoriaus skydelio pusėje pasirodys „Super Snow“ skiltis.
Įėję pamatysite, kad papildinys išjungtas ir jį reikia įjungti.
Dabar apžvelgsime pagrindinius nustatymus.
Pirmas skyrius yra Deaktyvavimo apsaugos priemonės – pirmą elementą išskleidžiamajame sąraše paliekame tokį, koks yra, nieko nekeičiame. Be to, rekomenduojama. Čia mes tiesiog įspėjami, kad jei pašalinsite papildinį iš bendrojo meniu, niekas nepraras. Jei norite ištrinti visus papildinio pėdsakus svetainėje, turėtumėte spustelėti pirmąją parinktį. Rodoma čia:
Šioje skiltyje galite nustatyti krentančių snaigių dydžius ir skaičių, pridėti savo snaigių versiją ir nurodyti, kurioje žymoje jos turi būti įdiegtos. Pagal numatytuosius nustatymus viskas suvyniota į kūno žymą. Galite jį nepaisyti. Taip pat galite nurodyti svetainėje krentančių snaigių vėlavimą sekundėmis, efektus.
Kitas paskutinis variantas – puslapiuose ir įrašuose rodyti krentančias snaiges. Atminkite, kad mobiliuosiuose įrenginiuose sniego nebus, nes ten jis tiesiog neįtrauktas.
Pavyzdžiui, galite suaktyvinti krentančias snaiges tik konkrečiuose puslapiuose, nurodydami tai naudodami speciali funkcija(Jie išvardyti puslapyje)
Čia yra funkcijų pavyzdžiai:
Wp_is_mobile () && is_page ("christmas-promo") - jei šis puslapis nėra mobilusis, tada rodyti Kalėdų reklamos puslapyje
Wp_is_mobile () && ! is_ssl() – nerodykite, jei ne mobilusis įrenginys ir nesaugaus protokolo https ir SSL
Wp_is_mobile () && laikas () >= strtotime ("2015-12-01" ) && laikas () sujungiame savo scenarijų su šia eilute:
|
Aiškumo dėlei parodysiu, kur jį įdėjau:
Būtinai išsaugokite visus pakeitimus ir svetainėje turėtumėte gauti štai ką:
Dabar svetainėje galite „žaisti“ su mūsų snaigėmis, tai yra, nustatyti jų greitį, dydį, pačių snaigių skaičių ir kitus parametrus. Norėdami tai padaryti, turime atlikti nedidelius scenarijaus pakeitimus.
Įklijuokite toliau pateiktą kodą į poraštės sritį:
snowStorm.snowColor = "#99ccff"; // melsvos snaigės, spalvą galima keisti snowStorm.flakesMaxActive = 100; // Rodyti snaigių skaičių puslapyje snowStorm.useTwinkleEffect = true; // mirgėjimo efektas
Šablone viskas atrodys taip:
Dabar pažiūrėkime, kas vyksta naršyklėje:
Kaip matome, mūsų snaigės svetainėje tapo švelnios melsvos spalvos, atrodo kaip tikras sniegas svetainėje :)
Kiti snaigės scenarijaus nustatymaiNorėdamas dar labiau susitvarkyti su scenarijumi, išnagrinėsiu kitas parinktis.
sniego audra. automatinis paleidimas = true ; - pasirinkimas, ar sniegas pasirodys automatiškai, kai puslapis bus įkeltas, ar ne.
sniego audra. animacijos intervalas = 33; — milisekundžių intervalo vienam kadrui matavimas. Kai vertė = 20, jis veikia greitai ir sklandžiai, tačiau apkraus procesorių. Jei nustatote = 50, tada jis yra konservatyvesnis, bet lėtesnis.
sniego audra. flakeBottom = null ; — apriboti sniego prilipimą prie puslapio apačios. Jei nenurodyta, sniegas tiesiog prilips prie svetainės puslapio apačios ir išnyks slenkant arba slenkant.
sniego audra. flakesMax = 128; – vertės nustatymas maksimalus kiekis snaigės, krentančios bet kurioje puslapio dalyje per laiko vienetą.
sniego audra. flakesMaxActive = 64; — nustato krintančių snaigių ribą (t. y. juda ekrane ir laikoma aktyvia).
sniego audra. FollowMouse = tiesa ; - leidžia sniegui judėti vietoje su „vėjais“, atsižvelgiant į pelės judėjimą išilgai X ašies (dešinėn/kairėn).
sniego audra. freezeOnBlur = true ; — sustabdyti snaigės efektą, kai vartotojas yra Šis momentas išeina iš naršyklės lango, pavyzdžiui, pereina į kitą skirtuką, tada sniegas sustoja. Tai taupo centrinį procesorių ir yra maloniau vartotojui.
sniego audra. snowColor = "#fff" ; - balta sniego spalva (nevalgykite ir nenaudokite geltono sniego svetainėje :-))
sniego audra. snowCharacter = " " ; —. ( ) = kulka. · entity(·) nenaudojamas, nes kai kuriose sistemose jis laikomas kvadratu. Dėl bet kokių pakeitimų mūsų snaigė gali nupjauti, taip pat gali pasikeisti dribsnio plotis / dribsnio aukštis, todėl būkite atsargūs.
sniego audra. snowStick = tiesa ; — parametras leidžia snaigėms „prilipti“ prie ekrano apačios; išjungus sniegas niekada nenusės ekrano apačioje.
sniego audra. targetElement = null ; - čia šiek tiek sudėtingiau, aš supratau, kad html elementas pagal nutylėjimą įrašytas į dokumento pagrindą (body ). Gali būti eilutės ID elementas, pvz., „myDiV“ arba DOM nuoroda. Kažkas panašaus į tai.
sniego audra. useMeltEffect = true ; — naudojant šį parametrą, įjungus reikšmę, iškritęs sniegas ištirps.
sniego audra. useTwinkleEffect = true ; — leidžia krintant sniegui mirgėti iš akių.
sniego audra. usePositionFixed = false ; - jei loginė reikšmė teisinga - slenkantis langas neturės įtakos krentnčiam sniegui, t.y. jis tęsis ir tęsis. Tai žymiai padidina procesoriaus apkrovą. Numatytoji vertė yra klaidinga.
sniego audra. vMaxX = 8; sniego audra. vMaxY = 5; — audros snaigių greičio reikšmė x ir y. Kiekvienai snaigei pasirenkamas atsitiktinis dydis šiame diapazone.
Tai viskas, mieli draugai, gali būti, kad kur nors suklydau aiškindamas scenarijaus nustatymus, tada pataisykite mane. Apskritai man viskas puikiai veikia ir džiugina akį. Dėkoju už dėmesį, laukiu jūsų komentarų ir diskusijų. Turiu tau klausimą - kokį efektą naudoji svetainei atėjus žiemai? 🙂
pasirūpins svetainės dekoravimu. Nuvykstate į aikštelę, o ten, iškritus sniegui ar snaigėms, pajusite šventės dvasią ir iškart sukuriate gerą šventinę nuotaiką. Nors sniegas virtualus, bet vis tiek džiugina. Ar sutinki? Na žinoma. Tada šiandien aš jums pasakysiu - kaip svetainėje pridėti, įjungti, įdiegti sniegą ar snaiges.Tam yra specialūs įskiepiai, su kuriais galite atostogosįgalinti krentantį sniegą ar snaiges svetainėje, o tiems, kurie bijo modulių, svetainėje yra krentančio sniego scenarijus. Scenarijų jums pateiksiu pačioje įrašo pabaigoje. Tuo tarpu paprasčiausi papildiniai, kurie yra atnaujinti ir suderinami su Naujausia versija WordPress.
„Snow Flurry“ papildinys – „WordPress“ svetainėje sninga
Paprastas ir pilnai pritaikomas papildinys. Su montavimo galimybe: maksimalus dydis snaigės; kaip dažnai susidaro nauji dribsniai; pridėkite minimalų ir maksimalų sniego kritimo greitį, snaigės spalvą, taip pat galimybę išjungti papildinį po tam tikro sekundžių skaičiaus. Įdiegę ir suaktyvinę papildinį, administratoriaus skydelyje atsiras skyrius su atitinkamu pavadinimu:
Super įskiepis WFS Let It Snow – prideda prie jūsų svetainės sniegoWFS Let It Snow papildinys
Puikus „JQuery“ įskiepis, kurio pagalba svetainėje galite tiesiog surengti tikrą sniegą, tai yra, baltumą. Nustatymuose galite pasirinkti sniego tipą iš keturių parinkčių: lengvas, vidutinis, stiprus ir baltas. Taip pat krentančias snaiges darykite tik ant pagrindinis puslapis arba apskritai; įjungti / išjungti sniegą; mažiausias ir didžiausias snaigių dydis; minimalus ir Maksimalus greitis javai; įjungti šešėlius (svetainėms su baltu fonu):
WFS Let It Snow papildinio nustatymas
Čia taip pat įdiegus ir suaktyvinus įskiepį nustatymų skiltyje atsiras Let It Snow poskyris, spustelėkite ir sukonfigūruokite. Eikime toliau.
Tribulant Snow Storm – pūga jūsų svetainėje
Šis įskiepis man patiko labiau, net nežinau kodėl, gal dėl snigimo krypties sniego pūga reaguoja į pelės žymeklio judėjimą (jei įjungsite šią parinktį). Puiku, lankytojams patiks. Daugiau nustatymų: sniego spalva; dribsnių kiekis; animacijos intervalas; mobilioji pagalba; sniegas slepiasi ekrano apačioje ir mirgėjimo efektas:
Tikriausiai viskas su moduliais, skirtais svetainės dekoravimui krintančio sniego metu, į kuriuos verta atkreipti dėmesį. Aš taip pat turėsiu sniego audrą tinklaraštyje arčiau Naujųjų metų. Gaila, kad jei turite šviesų svetainės foną (aš taip pat), baltą sniegą turėsite pakeisti į ką nors kitą, pavyzdžiui: mėlyną arba žalsvai mėlyną. Kažkas panašaus. Beveik pamiršau, visi pateikti įskiepiai yra įdiegti standartiniu būdu, per administratoriaus skydelį - pridėkite papildinį ir įveskite jo pavadinimą paieškos laukelyje.
Dabar tiems, kurie nenori blaškytis su papildiniais, yra paprastas būdas kaip įdiegti krentantį sniegą svetainėje be papildinio .
Sniego kritimo svetainėje scenarijusKrintančių snaigių scenarijus tinka bet kuriai svetainei ar tinklaraščiui bet kurioje platformoje. Jums tereikia padirbėti (scenarijus turi būti įkeltas į jūsų prieglobą), galite naudoti savo prieglobą ten, kur yra jūsų svetainė, arba galite naudoti trečiosios šalies prieglobą, pavyzdžiui: nemokamą ir „Google“ diską. Taigi čia yra scenarijaus kodas:
/* Sniego kritimas 1 – nėra vaizdų – „Java“ scenarijus Apsilankykite http://rainbow.arch.scriptmania.com/scripts/, norėdami pamatyti šį scenarijų ir daug kitų */ // Nustatykite snaigių skaičių (daugiau nei 30–400 nerekomenduojama) var snowmax=100 // Nustatykite sniego spalvas. Pridėkite tiek spalvų, kiek norite var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5") // Nustatykite šriftus, kurie sukuria snaiges. Pridėkite tiek šriftų, kiek norite var snowtype=new Array("Times") // Nustatykite raidę, kuri sukuria jūsų snaigę (rekomenduojama: *) var snowletter="*" // Nuskendimo greitis (rekomenduojamas verčių diapazonas nuo 0,3 iki 2) var sinkspeed=0,6 // Nustatykite maksimalų snaigių dydį var snowmaxsize=35 // Nustatykite minimalų snaigių dydį var snowminsize=8 // Nustatykite sniego zoną // Visiems nustatykite 1 -per -snigimas, 2 rinkinys snigimui kairėje pusėje // 3 rinkinys snigimui į vidurį, 4 rinkinys snigimui dešinėje pusėje var snowingzone=1 ///////////////// // ///////////////////////////////////////////////// /////// // KONFIGŪRACIJA BAIGIASI ČIA /////////////////////////////////////// ////////////////////////////////// // Neredaguoti žemiau šios eilutės var snow=new Masyvas () var marginbottom var marginright var laikmatis var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Masyvas(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera=5 browser) var|okie/ ns6||opera function randommaker(range) ( rand=Math.floor(range*Math.random()) return rand ) function initsnow() ( if (ie5 || opera) ( marginbottom = document.body.scrollHeight marginright = document .body.clientWidth-15 ) else if (ns6) ( marginbottom = document.body.scrollHeight marginright = window.innerWidth-15 ) var snowsizerange=snowmaxsize-snowminsize for (i=0;i(marginright-3*lftrght[i]) ))( if (snowzone==1) (snow[i].posx=randommaker(marginright-snow[i].size)) if (snowzone==2) (snow[i].posx=randommaker(marginright/2) -snow[i].size)) if (snowzone==3) (snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4) if (snowzone==4) ( snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2) snow[i].posy=0 ) ) var timer=setTimeout("movesnow()",50) ) for (i=0;i
