Questo tutorial è offerto da FORUMATTIVO.COM All rights reserved to forumattivo inc.

Per lo script ringrazio maximum92

Code: ----------Selezionare il contenuto

/* Script Mania - www.script.forumattivo.com */
var ns4 = (navigator.appName.indexOf("Netscape") != -1 && !document.getElementById);
if(!window.JSFX)
   JSFX=new Object();
JSFX.layerNo=0;
/**********************************************************************************/
JSFX.createLayer = function(htmlStr, parent)
{
   var elem = null;

    if(document.layers)
   {
      var xName="xLayer" + JSFX.layerNo++;
      if(parent == null)
         elem=new Layer(2000);
      else
         elem=new Layer(2000, parent.elem);
 
      elem.document.open();
      elem.document.write(htmlStr);
      elem.document.close();
      elem.moveTo(0,0);
      elem.innerHTML = htmlStr;
   }
   else
   if(document.all)
   {
      if(parent == null)
         parent=document.body;
      else
         parent=parent.elem;

      var xName = "xLayer" + JSFX.layerNo++;
      var txt = '<DIV ID="' + xName + '"'
         + ' STYLE="position:absolute;left:0;top:0;visibility:hidden">'
         + htmlStr
         + '</DIV>';

         parent.insertAdjacentHTML("BeforeEnd",txt);

      elem = document.all[xName];
   }
   else
   if (document.getElementById)
   {
      if(parent == null)
         parent=document.body;
      else
         parent=parent.elem;

      var xName="xLayer" + JSFX.layerNo++;
      var txt = ""
         + "position:absolute;left:0px;top:0px;visibility:hidden";

      var newRange = document.createRange();

      elem = document.createElement("DIV");
      elem.setAttribute("style",txt);
      elem.setAttribute("id", xName);

      parent.appendChild(elem);

      newRange.setStartBefore(elem);
      strFrag = newRange.createContextualFragment(htmlStr);   
      elem.appendChild(strFrag);
   }

   return elem;
}
/**********************************************************************************/
JSFX.Layer = function(newLayer, parent)
{
   if(!newLayer)
      return;

   if(typeof newLayer == "string")
      this.elem = JSFX.createLayer(newLayer, parent);
   else
      this.elem=newLayer;

   if(document.layers)
   {
      this.images      = this.elem.document.images;
      this.parent      = parent;
      this.style      = this.elem;
      if(parent != null)
         this.style.visibility = "inherit";
    }
   else
   {
      this.images  = document.images;
      this.parent    = parent;
      this.style  = this.elem.style;
   }
   window[this.elem.id]=this;   //save a reference to this
}
/**********************************************************************************/
JSFX.findLayer = function(theDiv, d)
{
   if(document.layers)
   {
      var i;
      if(d==null) d = document;
      var theLayer = d.layers[theDiv];
      if(theLayer != null)
         return(theLayer);
      else
         for(i=0 ; i<d.layers.length ; i++)
         {
            theLayer = JSFX.findLayer(theDiv, d.layers[i].document);
            if(theLayer != null)
               return(theLayer);
         }
      return("Undefined....");
   }
   else
   if(document.all)
      return(document.all[theDiv]);
   else
   if(document.getElementById)
      return(document.getElementById(theDiv));
   else
      return("Undefined.....");
}

/**********************************************************************************/
/*** moveTo (x,y) ***/
JSFX.Layer.prototype.moveTo = function(x,y)
{
   this.style.left = x+"px";
   this.style.top = y+"px";
}
if(ns4)
   JSFX.Layer.prototype.moveTo = function(x,y) { this.elem.moveTo(x,y); }
/**********************************************************************************/
/*** show()/hide() Visibility ***/
JSFX.Layer.prototype.show      = function()    { this.style.visibility = "visible"; }
JSFX.Layer.prototype.hide      = function()    { this.style.visibility = "hidden"; }
JSFX.Layer.prototype.isVisible   = function()   { return this.style.visibility == "visible"; }
if(ns4)
{
   JSFX.Layer.prototype.show      = function()    { this.style.visibility = "show"; }
   JSFX.Layer.prototype.hide       = function()    { this.style.visibility = "hide"; }
   JSFX.Layer.prototype.isVisible    = function()    { return this.style.visibility == "show"; }
}
/**********************************************************************************/
/*** zIndex ***/
JSFX.Layer.prototype.setzIndex   = function(z)   { this.style.zIndex = z; }
JSFX.Layer.prototype.getzIndex   = function()   { return this.style.zIndex; }
/**********************************************************************************/
/*** ForeGround (text) Color ***/
JSFX.Layer.prototype.setColor   = function(c){this.style.color=c;}
if(ns4)
   JSFX.Layer.prototype.setColor   = function(c)
   {
      this.elem.document.write("<FONT COLOR='"+c+"'>"+this.elem.innerHTML+"</FONT>");
      this.elem.document.close();
   }
/**********************************************************************************/
/*** BackGround Color ***/
JSFX.Layer.prototype.setBgColor   = function(color) { this.style.backgroundColor = color==null?'transparent':color; }
if(ns4)
   JSFX.Layer.prototype.setBgColor    = function(color) { this.elem.bgColor = color; }
/**********************************************************************************/
/*** BackGround Image ***/
JSFX.Layer.prototype.setBgImage   = function(image) { this.style.backgroundImage = "url("+image+")"; }
if(ns4)
   JSFX.Layer.prototype.setBgImage    = function(image) { this.style.background.src = image; }
/**********************************************************************************/
/*** set Content***/
JSFX.Layer.prototype.setContent  = function(xHtml)   { this.elem.innerHTML=xHtml; }
if(ns4)
   JSFX.Layer.prototype.setContent  = function(xHtml)
   {
      this.elem.document.write(xHtml);
      this.elem.document.close();
      this.elem.innerHTML = xHtml;
   }

/**********************************************************************************/
/*** Clipping ***/
JSFX.Layer.prototype.clip = function(x1,y1, x2,y2){ this.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; }
if(ns4)
   JSFX.Layer.prototype.clip = function(x1,y1, x2,y2)
   {
      this.style.clip.top   =y1;
      this.style.clip.left   =x1;
      this.style.clip.bottom   =y2;
      this.style.clip.right   =x2;
   }
/**********************************************************************************/
/*** Resize ***/
JSFX.Layer.prototype.resizeTo = function(w,h)
{
   this.style.width   =w + "px";
   this.style.height   =h + "px";
}
if(ns4)
   JSFX.Layer.prototype.resizeTo = function(w,h)
   {
      this.style.clip.width   =w;
      this.style.clip.height   =h;
   }
/**********************************************************************************/
/*** getX/Y ***/
JSFX.Layer.prototype.getX   = function()    { return parseInt(this.style.left); }
JSFX.Layer.prototype.getY   = function()    { return parseInt(this.style.top); }
if(ns4)
{
   JSFX.Layer.prototype.getX   = function()    { return this.style.left; }
   JSFX.Layer.prototype.getY   = function()    { return this.style.top; }
}
/**********************************************************************************/
/*** getWidth/Height ***/
JSFX.Layer.prototype.getWidth      = function()    { return this.elem.offsetWidth; }
JSFX.Layer.prototype.getHeight   = function()    { return this.elem.offsetHeight; }
if(!document.getElementById)
   JSFX.Layer.prototype.getWidth      = function()
    {
      //Extra processing here for clip
      return this.elem.scrollWidth;
   }

if(ns4)
{
   JSFX.Layer.prototype.getWidth      = function()    { return this.style.clip.right; }
   JSFX.Layer.prototype.getHeight   = function()    { return this.style.clip.bottom; }
}
/**********************************************************************************/
/*** Opacity ***/
if(ns4)
{
   JSFX.Layer.prototype.setOpacity = function(pc) {return 0;}
}
else if(document.all)
{
   JSFX.Layer.prototype.setOpacity = function(pc)
   {
      if(this.style.filter=="")
         this.style.filter="alpha(opacity=100);";
      this.elem.filters.alpha.opacity=pc;
   }
}
else
{
/*** Assume NS6 ***/
   JSFX.Layer.prototype.setOpacity = function(pc){   this.style.MozOpacity=pc+'%' }
}
/**************************************************************************/
/*** Event Handling - Start ***/
/*** NS4 ***/
if(ns4)
{
   JSFX.eventmasks = {
         onabort:Event.ABORT, onblur:Event.BLUR, onchange:Event.CHANGE,
         onclick:Event.CLICK, ondblclick:Event.DBLCLICK,
         ondragdrop:Event.DRAGDROP, onerror:Event.ERROR,
         onfocus:Event.FOCUS, onkeydown:Event.KEYDOWN,
         onkeypress:Event.KEYPRESS, onkeyup:Event.KEYUP, onload:Event.LOAD,
         onmousedown:Event.MOUSEDOWN, onmousemove:Event.MOUSEMOVE,
         onmouseout:Event.MOUSEOUT, onmouseover:Event.MOUSEOVER,
         onmouseup:Event.MOUSEUP, onmove:Event.MOVE, onreset:Event.RESET,
         onresize:Event.RESIZE, onselect:Event.SELECT, onsubmit:Event.SUBMIT,
         onunload:Event.UNLOAD
   };
   JSFX.Layer.prototype.addEventHandler = function(eventname, handler)
   {
          this.elem.captureEvents(JSFX.eventmasks[eventname]);
          var xl = this;
         this.elem[eventname] = function(event) {
      event.clientX   = event.pageX;
      event.clientY   = event.pageY;
      event.button   = event.which;
      event.keyCode   = event.which;
      event.altKey   =((event.modifiers & Event.ALT_MASK) != 0);
      event.ctrlKey   =((event.modifiers & Event.CONTROL_MASK) != 0);
      event.shiftKey   =((event.modifiers & Event.SHIFT_MASK) != 0);
            return handler(xl, event);
        }
   }
   JSFX.Layer.prototype.removeEventHandler = function(eventName)
   {
      this.elem.releaseEvents(JSFX.eventmasks[eventName]);
      delete this.elem[eventName];
   }
}
/**************************************************************************/
/** IE 4/5+***/
else
if(document.all)
{
   JSFX.Layer.prototype.addEventHandler = function(eventName, handler)
   {
      var xl = this;
      this.elem[eventName] = function()
      {
               var e = window.event;
               e.cancelBubble = true;
         if(document.getElementById)
         {
            e.layerX = e.offsetX;
            e.layerY = e.offsetY;
         }
         else
         {
            /*** Work around for IE 4 : clone window.event ***/
            ev = new Object();
            for(i in e)
               ev[i] = e[i];
            ev.layerX   = e.offsetX;
            ev.layerY   = e.offsetY;
            e = ev;
         }

               return handler(xl, e);
      }
   }
   JSFX.Layer.prototype.removeEventHandler = function(eventName)
   {
      this.elem[eventName] = null;
   }
}
/**************************************************************************/
/*** Assume NS6 ***/
else
{
   JSFX.Layer.prototype.addEventHandler = function(eventName, handler)
   {
      var xl = this;
      this.elem[eventName] = function(e)
      {
               e.cancelBubble = true;
               return handler(xl, e);
      }
   }
   JSFX.Layer.prototype.removeEventHandler = function(eventName)
   {
      this.elem[eventName] = null;
   }
}
/*** Event Handling - End ***/
/**************************************************************************/
JSFX.Layer.prototype.setTimeout = function(f, t)
{
   setTimeout("window."+this.elem.id+"."+f, t);
}
if(!window.JSFX)
   JSFX=new Object();

if(!JSFX.Browser)
   JSFX.Browser = new Object();

if(navigator.appName.indexOf("Netscape") != -1)
{
   JSFX.Browser.getCanvasWidth   = function() {return innerWidth;}
   JSFX.Browser.getCanvasHeight   = function() {return innerHeight;}
   JSFX.Browser.getWindowWidth    = function() {return outerWidth;}
   JSFX.Browser.getWindowHeight   = function() {return outerHeight;}
   JSFX.Browser.getScreenWidth    = function() {return screen.width;}
   JSFX.Browser.getScreenHeight   = function() {return screen.height;}
   JSFX.Browser.getMinX      = function() {return(pageXOffset);}
   JSFX.Browser.getMinY      = function() {return(pageYOffset);}
   JSFX.Browser.getMaxX      = function() {return(pageXOffset+innerWidth);}
   JSFX.Browser.getMaxY      = function() {return(pageYOffset+innerHeight);}

}
else    if(document.all)    {
   JSFX.Browser.getCanvasWidth   = function() {return document.body.clientWidth;}
   JSFX.Browser.getCanvasHeight   = function() {return document.body.clientHeight;}
   JSFX.Browser.getWindowWidth    = function() {return document.body.clientWidth;}
   JSFX.Browser.getWindowHeight   = function() {return document.body.clientHeight;}
   JSFX.Browser.getScreenWidth   = function() {return screen.width;}
   JSFX.Browser.getScreenHeight   = function() {return screen.height;}
   JSFX.Browser.getMinX      = function() {return(document.body.scrollLeft);}
   JSFX.Browser.getMinY      = function() {return(document.body.scrollTop);}
   JSFX.Browser.getMaxX      = function() {
      return(document.body.scrollLeft
         +document.body.clientWidth);
   }
   JSFX.Browser.getMaxY      = function() {
         return(document.body.scrollTop
            +document.body.clientHeight);
   }
}
JSFX.FallingSprite = function(theHtml)
{
   //Call the superclass constructor
   this.superC   = JSFX.Layer;
   this.superC(theHtml);

   this.x = Math.random() * (JSFX.Browser.getMaxX()-40);
   this.y = -40;
   this.dx = Math.random() * 4 - 2;
   this.dy = Math.random() * 6 + 2;
   this.ang = 0;
   this.angStep = .2;
   this.amp = 10;
   this.state = "FALL";

   this.moveTo(this.x,this.y);
   this.show();
}
JSFX.FallingSprite.prototype = new JSFX.Layer;

JSFX.FallingSprite.prototype.animate = function()
{
   if(this.state == "OFF")
      return;

   this.x += this.dx;
   this.y += this.dy;
   this.ang += this.angStep;

   this.moveTo(this.x + this.amp*Math.sin(this.ang), this.y);

   if( (this.x > JSFX.Browser.getMaxX()-20)
    || (this.x < JSFX.Browser.getMinX()-0)
    || (this.y > JSFX.Browser.getMaxY()-40) )
   {
      if(this.state == "STOPPING")
      {
         this.moveTo(-100,-100);
         this.hide();
         this.state = "OFF";
      }
      else
      {
         this.x = Math.random() * (JSFX.Browser.getMaxX()-40);
         this.y = JSFX.Browser.getMinY()-40;
         this.dx = Math.random() * 4 - 2;
         this.dy = Math.random() * 6 + 2;
         this.ang = 0;
      }
   }
}
/*** Class FallingObj extends Object ***/
JSFX.FallingObj = function(numSprites, theImage, stopTime)
{
   this.id = "JSFX_FallingObj_"+JSFX.FallingObj.count++;
   this.sprites = new Array();
   for(i=0 ; i<numSprites; i++)
   {
      this.sprites[i]=new JSFX.FallingSprite(theImage);
   }
   window[this.id]=this;
   this.animate();

   if(stopTime)
      setTimeout("window."+this.id+".stop()", stopTime*1000);

}
JSFX.FallingObj.count = 0;

JSFX.FallingObj.prototype.stop = function()
{
   for(i=0 ; i<this.sprites.length ; i++)
      this.sprites[i].state = "STOPPING";
}

JSFX.FallingObj.prototype.animate = function()
{
   setTimeout("window."+this.id+".animate()", 40);

   for(i=0 ; i<this.sprites.length ; i++)
      this.sprites[i].animate();

}
/*** END Class FallingObj ***/

/*
 * Class Falling extends Object (Static method for creating "Falling" objects
 */
Falling = function(n, theImage, stopTime)
{
   myFalling = new JSFX.FallingObj(n, theImage, stopTime);

   return myFalling;
}
function snow()
{
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost1.gif">', 90);
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost2.gif">', 90);
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost3.gif">', 90);
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost1.gif">', 90);
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost2.gif">', 90);
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost3.gif">', 90);
   Falling(2,'<img src="http://rainbow.arch.scriptmania.com/scripts/ghost2.gif">', 90);
   
}
window.onload=snow


parte da modificare

Code: ----------Selezionare il contenuto




function snow()
{
   Falling(4,'<font size="6" face="Verdana" COLOR="#FFFFFF">•</font>', 90);
   Falling(5,'<font size="4" face="Verdana" COLOR="#0000FF">•</font>', 90);
   Falling(4,'<font size="3" face="Verdana" COLOR="#FF8100">•</font>', 90);
   Falling(5,'<font size="1" face="Verdana" COLOR="#80FF80">•</font>', 90);
   Falling(5,'<font size="3" face="Verdana" COLOR="#00FFFF">•</font>', 90);
   Falling(4,'<font size="2" face="Verdana" COLOR="#FF7FFF">•</font>', 90);
   Falling(5,'<font size="6" face="Verdana" COLOR="#EF91EB">•</font>', 90);
   Falling(4,'<font size="4" face="Verdana" COLOR="#00C0FF">•</font>', 90);
   Falling(5,'<font size="3" face="Verdana" COLOR="#FFFF00">•</font>', 90);
   Falling(4,'<font size="2" face="Verdana" COLOR="#BFBF00">•</font>', 90);
   Falling(5,'<font size="3" face="Verdana" COLOR="#B1B1D2">•</font>', 90);
   Falling(4,'<font size="1" face="Verdana" COLOR="#FFBF18">•</font>', 90);
   Falling(5,'<font size="3" face="Verdana" COLOR="#C2FF91">•</font>', 90);
   Falling(4,'<font size="4" face="Verdana" COLOR="#C21212">•</font>', 90);
   Falling(5,'<font size="6" face="Verdana" COLOR="#FF9F71">•</font>', 90);
        Falling(4,'<font size="6" face="Verdana" COLOR="#FF0000">•</font>', 90);
}
window.onload=snow

Per cambiare il colore: devi inserirlo dove leggi COLORE tra le "

Code: ----------Selezionare il contenuto

Falling(4,'<font size="2" face="Verdana" COLOR="#<"COLORE">•</font>', 90);

Dimensioni gif: puoi mettere per ogni riga diverse dimensioni come ho fatto io con i coriandoli 1,2,3,4,5

Code: ----------Selezionare il contenuto

Falling(4,'<font size="DIMENSIONI DELLA GIF" face="Verdana" COLOR="#BFBF00">•</font>', 90);

domanda: se come nel caso dei coriandoli e dei cuoricini non c' è un' immagine gif o jpg o png, quale tipo di codice ci vuole? [/quote]

per il ♥ devi inserire questo "senza spazio tra & h" se lo copi senza ti viene il cuore invece della scritta

Code: ----------Selezionare il contenuto

 & hearts; 

stellina ★

Code: ----------Selezionare il contenuto

& #9733;

coriandoli •

Code: ----------Selezionare il contenuto

& #149;

Domanda:Da cosa hai ricavato quei codicini per le stelline, coriandoli e cuori?

E' il codice asci o html...asciitable

se invece del codice metti il testo ( esempio: ciao) l'effetto sara' uguale solo che scenderanno le scritte

quando hai modificato lo script lo copi sul blocco note e lo salvi con l' estensione .js

Code: ----------Selezionare il contenuto


<script src=http://files.webopload.net/621383856.thecrow.js></script>

Tutoriale di : ventodelnord - son71...etc..etc
Copyrigth © FORUMATTIVO.COM