Ricerca tra la vecchia roba

Javascript Fx

Posted: Luglio 9th, 2007 | Author: | Filed under: Programmazione | Commenti disabilitati su Javascript Fx

Succede che certe volte ti prendono gli schizzi e ti metti a fare cose di cui non hai assolutamente bisogno, se non per un rilascio mirato di endorfine.

POST ALTAMENTE INCOMPLETO, COME IL SUO AUTORE, MANCA LA VOGLIA DI SPIEGARE TUTTO, MA NON DISPERATE. 

Oggi mi è venuta la voglia di creare delle routine Javascript per effetti alla prototype ed in particolare il fading e la modifica tramite "sliding" delle dimensioni di un oggetto HTML.

 

Object.prototype.intervalID;
Object.prototype.fade = function(value){
this.style.opacity = value;
}

Object.prototype.fading = function(){
/*altrimenti mettendo this in setTimeout gli passa window*/
var self = this;
value = 1;
this.intervalID = setInterval(
function(){
value -= .1;
if(value < 0.1){
clearInterval(self.intervalID);
self.fade(0);
}else
self.fade(value);
},70);
}



Object.prototype.change_dimension = function(width,height){
this.style.width = width;
//this.style.height = height;
}

/*dimensioni in px senza unità di misura*/
Object.prototype.delta_w;
Object.prototype.slide = function(new_width,new_height){
var self = this;
this.delta_w = new_width;
var w = this.clientWidth;
var h = this.clientHeight;
//alert(w+'x'+h);
var delta_w = new_width - w;
var delta_h = new_height - h;
var sign_w;
var sign_h;
if(delta_w > 0)
sign_w = 1;
else
sign_w = -1;
this.intervalID = setInterval(
function(){
self.change_dimension(self.clientWidth-(self.clientWidth-self.delta_w)/100,100);
//clearInterval(self.intervalID);
},
6
);

Per vedere l'effetto che fa andate alla pagina sul mio sito: cliccate sia sulla scritta che sul blocco rosso; le routine sono scritte di merda con delle parti in più, devo aggiungerci la sezione per la licenza (adesso non mi ruberebbero neache il nome delle variabili).

Acknowledgments


Comments are closed.