Salve a tutti, sono alla ricerca di uno script che mi lanci un messaggio e poi in dissolvenza scompaia.
Ho trovato questo script molto semplice e leggero (almeno penso!) ma fa il contrario di ciò che serva a me![]()
Siccome non ne capisco nulla di JS, potreste aiutarmi nell'invertirlo? A me servirebbe che da invisibbile, compaia e dopo un tot di secondi scompaia.
Di seguito vi allego lo script:
fade.js
index.htmcodice:// JavaScript Document function opacity(id, opacStart, opacEnd, millisec) { //speed for each frame var speed = Math.round(millisec / 100); var timer = 0; //determine the direction for the blending, if start and end are the same nothing happens if(opacStart > opacEnd) { for(i = opacStart; i >= opacEnd; i--) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } else if(opacStart < opacEnd) { for(i = opacStart; i <= opacEnd; i++) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } } //change the opacity for different browsers function changeOpac(opacity, id) { var object = document.getElementById(id).style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; } function shiftOpacity(id, millisec) { //if an element is invisible, make it visible, else make it ivisible if(document.getElementById(id).style.opacity == 0) { opacity(id, 0, 100, millisec); } else { opacity(id, 100, 0, millisec); } } function currentOpac(id, opacEnd, millisec) { //standard opacity is 100 var currentOpac = 100; //if the element has an opacity set, get it if(document.getElementById(id).style.opacity < 100) { currentOpac = document.getElementById(id).style.opacity * 100; } //call for the function that changes the opacity opacity(id, currentOpac, opacEnd, millisec) }
codice:<div id="effetto">sdhfjksdhflhaghsjkghahghgshdflhgsdfhgl</div> show/hide

Rispondi quotando
