Jump to content
Sign in to follow this  
marcisbee

[JS] Sīnusa sniedziņš "Let It Snow" by marcisbee

Recommended Posts

Sveicināti,
 
Tā kā tuvojas Ziemassvētki, visi sāk izdaiļot savus saitus. Zinu, ka iecienīta lieta ir sniedziņš uz lapas, bet man tas nekad nav paticis, jo tam vienmēr ir bijusi viena liela problēma, viņš bieži pieiet priekšā tekstam vai pelei, kad spiež uz linka or smth like that. Tāpēc sen atpakaļ, pirms kādiem 2-3 gadiem izstrādāju pats savu sniedziņu, kuram ir iespēja nekrist priekšā dažādiem dom elementiem vienkārši elementam pievienojot klāt noteiktu klasi, kā rezultātā krītošais sniegs pielips pie tā elementa un nekritīs tam priekšā. Šodien staigāju cauri arhīvam un atradu šo veco darbiņu, nolēmu padalīties.

 

DEMO: http://strike.lv/snow/
DOWNLOAD: http://strike.lv/snow/snowing.zip
 

 

Neliela Dokumentācija

 

1. Lai iedarbinātu skriptu, iekopē sekojošos failus no arhīva savā lapā

 

jscript/letitsnow.js

css/letitsnow.css

images/null.gif

images/snow_flakes.png

* images/snow_flakes_minecraft.png (nav nepieciešams, ja neizmanto minecraft vizualizāciju)

* images/snow_flakes_tf2.png (nav nepieciešams, ja neizmanto tf2 vizualizāciju)

 

un ielinko tos savas lapas headerī ar 2 zemāk norādītajām rindiņām (jQuery nav nepieciešams)

<link rel="stylesheet" type="text/css" href="css/letitsnow.css" />
<script type="text/javascript" src="jscript/letitsnow.js"></script>

Un tas ir viss, kas jāizdara, lai ieslēgtu sev lapā šo sniedziņu

 

 

 

2. Lai mainītu vai sniegs krīt uz lapas ielādi, krītošo pārslu skaitu, izskatu kā arī krišanas vietu, dodies uz jscript/letitsnow.js un faila augšā ir pieejami dažādi iestatījumi, kurus var mainīt un tie ir arī aprakstīti turpat

 

 

 

3. Ja vēlies mainīt izskatu vai uztaisīt savu, tad iekš css/letitsnow.css faila izveido jaunu noteikumu, piemēram,

.lsomething {
  background-image: url('../images/something.png');
}

un tad attiecīgi pēc tam dodies uz jscript/letitsnow.js un augšā izmaini iestatījumu

var flakesLook = 'snow';
uz
var flakesLook = 'something';
 
 

4. Ja vēlies, lai sniegs nesnigtu priekšā kādam noteiktam dom elementam, bet gan nokristu sniegs uz tā, pievieno "masterbox" klases nosaukumu vajadzīgajam dom elementam 

 

Piemērs:

<div class="masterbox">Saturs</div>

(dom objekts var būt gan absolūtā pozīcijā, gan relatīvā, gan statiskā, bet ne fiksētā!)

 

 

 

Tas laikam arī viss, gan jau vēl kkas ir, bet esmu aizmirsis. Kods arī varētu būt diezgan īpatnējs, jo šis viena vakara darbs un diezgan pavecs smile.png

Anyway, lai labi šķūrējās sniedziņš lapās wink.png

Cheers

Share this post


Link to post
Share on other sites

šis vel nav labs. Maz opciju. Pats esmu uztaisijis, ar režīmīem. Lielākas, mazākas pārslas, un vēja ātrumi, kā arī virzienu maiņa. Kaut kur internetā arī viņš atrodas.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.