Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal
NESTicle

Nieve Cayendo por la Web (Otro Efecto)

Recommended Posts

Hola, pues se vino Diciembre no? O.o , aquí les dejo un efecto de nieve cayendo por toda su web, solamente con Js.

1AzEE.png

Solo busquen en el main_header.tpl.

</head>

y justo antes ponen este codigo:
<!-- xmas_snow [ start ] -->

<script type="text/javascript">

// {literal}

// Set the number of snowflakes (more than 30 - 40 not recommended)

var snowmax=50

// Set the colors for the snow. Add as many colors as you like

var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff","#bbf7f9")

// Set the fonts, that create the snowflakes. Add as many fonts as you like

var snowtype=new Array("Times","Arial","Times","Verdana")

// Set the letter that creates your snowflake (recommended: * )

var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)

var sinkspeed=0.6

// Set the maximum-size of your snowflakes

var snowmaxsize=30

// Set the minimal-size of your snowflakes

var snowminsize=8

// Set the snowing-zone

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing

var snowingzone=1

///////////////////////////////////////////////////////////////////////////

var snow=new Array()

var marginbottom

var marginright

var timer

var i_snow=0

var x_mv=new Array();

var crds=new Array();

var lftrght=new Array();

var browserinfos=navigator.userAgent

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie5||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<=snowmax;i++) {

			    crds[i] = 0;

		    lftrght[i] = Math.random()*15;

		    x_mv[i] = 0.03 + Math.random()/10;

			    snow[i]=document.getElementById("s"+i)

			    snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

			    snow[i].size=randommaker(snowsizerange)+snowminsize

			    snow[i].style.fontSize=snow[i].size+'px';

			    snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

			    snow[i].style.zIndex=1000

			    snow[i].sink=sinkspeed*snow[i].size/5

			    if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

			    if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

			    if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

			    if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

			    snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

			    snow[i].style.left=snow[i].posx+'px';

			    snow[i].style.top=snow[i].posy+'px';

	    }

	    movesnow()

}

function movesnow() {

	    for (i=0;i<=snowmax;i++) {

			    crds[i] += x_mv[i];

			    snow[i].posy+=snow[i].sink

			    snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';

			    snow[i].style.top=snow[i].posy+'px';

			    if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

					    if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

					    if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

					    if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

					    if (snowingzone==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<=snowmax;i++) {

	    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")

}

if (browserok) {

	    window.onload=initsnow

}

// {/literal}

</script>

<!-- xmas_snow [ end ] -->

  • Like 8

Share this post


Link to post
Share on other sites

Esta bueno solo tendria que editar el color de la nieve porque se mira Gris xD. +1

Eso lo podes editar en la variable snowcolor, le podes cambiar los colores a tu gusto..

var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff","#bbf7f9")

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Patrocinador



  • ×