- Home
- Categorie
- Coding e Sistemistica
- Coding
- Hover in dissolvenza
-
Sicuramente in quel sito è scritto da tutte le parti ma io, non sapendo l'inglese non l'ho capito...:D
Grazie Laburno, che pazienza...:)
-
è js...diciamo un fade..ce ne sono diversi...cmq con mootools trovi quello che ti serve..
questo è il principale
<script type="text/javascript" src="/assets/scripts/mootools.js?v=1"></script>poi sinceramente nn conosco quale tra gli altri sia quello ad effetto "fade"...
-
E' veramente accattivante...mi piace, delicato, morbido...quasi un soffio.
Grazie MrTwo
-
fadeColor = "#0091E1"; stepIn = 12; stepOut = 12; autoFade = true; sloppyClass = true; macCompat = false; hexa = new makearray(16); for(var i = 0; i < 10; i++) hexa* = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; document.onmouseover = domouseover; document.onmouseout = domouseout; fadeColor = dehexize(fadeColor.toLowerCase()); var fadeId = new Array(); function dehexize(Color){ var colorArr = new makearray(3); for (i=1; i<7; i++){ for (j=0; j<16; j++){ if (Color.charAt(i) == hexa[j]){ if (i%2 !=0) colorArr[Math.floor((i-1)/2)]=eval(j)*16; else colorArr[Math.floor((i-1)/2)]+=eval(j); } } } return colorArr; } function domouseover() { if(document.all){ var srcElement = event.srcElement; if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) { if (!srcElement.startColor) { srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color; srcElement.startColor = dehexize(srcElement.startColor.toLowerCase()); } var link = (macCompat? srcElement.name: srcElement.uniqueID); if (link) fade(srcElement.startColor,fadeColor,link,stepIn); else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name."); } } } function domouseout() { if (document.all){ var srcElement = event.srcElement; if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) { var link = (macCompat? srcElement.name: srcElement.uniqueID); if (link) fade(fadeColor,srcElement.startColor,link,stepIn); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this* = 0; return this; } function hex(i) { if (i < 0) return "00"; else if (i > 255) return "ff"; else return "" + hexa[Math.floor(i/16)] + hexa[i%16]; } function setColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = "#"+hr+hg+hb; } function fade(s,e,element,step) { var sr = s[0]; var sg = s[1]; var sb = s[2]; var er = e[0]; var eg = e[1]; var eb = e[2]; if (fadeId[0] != null && fade[0] != element && eval(fadeId[0])) { var orig = eval(fadeId[0]); setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig); var i = 1; while(i < fadeId.length) { clearTimeout(fadeId*); i++; } } for(var i = 0; i <= step; i++) { fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); } fadeId[0] = element; }
<script src="fade.js" language="Javascript"></script>
dovrebbe andare...nn sn sicuro xò...è vecchietto qst script
-
Vedo se funziona, in ogni cas grazie mille MrTwo, mi piace come aiuti
-
Grazie MrTwo, lo script funziona, purtroppo solo in IE.
Ma in quella pagina dove si scarica questo fade?...io mica ci capisco nulla...bua
-
no qst è uno vecchio che avevo io nn viene da mootool
la m sa che devi vedere in download e poi in doc
-
Sì sì, lo avevo capito
Vediamo un pò se riesco a tradurre almeno qualche frae
-
Ciao pikadilly,
come libreria simile ho usato anche scriptaculous:
ht t p://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo
Si scarica la libreria, la si mette in una cartella nella root e si fa un include javascript nell'head dell'html. Dopo di che puoi chiamare direttamente le funzioni javascript.
Ad esempio per il fade (h t t p://wiki.script.aculo.us/scriptaculous/show/Effect.Fade)<div class="example" id="demo-effect-appear" onclick="Effect.Fade(this)">
<p>CONTENUTO DA FADDARE al CLICK</p>
</div>Anche in questo caso la documentazione è in inglese, però con gli esempi è abbastanza intuitiva.
-
Grazie Meryk, proverò anche questo