por MISSARG Sáb Mar 07, 2009 2:45 pmCuadro de texto con efecto flash:
el cuadro de texto cambia de uno al otro con efecto de color
VER EJEMPLO
http://www.urbe.biz/Cuadro-de-texto-con-efecto-flash-h107.htm
el cuadro de texto cambia de uno al otro con efecto de color
VER EJEMPLO
http://www.urbe.biz/Cuadro-de-texto-con-efecto-flash-h107.htm
- Código:
<script language="Javascript1.2">var delay=3000 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //tag que abre los mensajes
fcontent[0]="<b></b><br><br> TU TEXTO1."
fcontent[1]=" TU TEXTO2"
fcontent[2]=" TU TEXTO3"
closetag='</font>'
var fwidth=150 //ancho
var fheight=150 //alto
///No editar/////////////////
var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0
if (DOM2)
faderdelay=2000
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb(255,255,255)"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}
index++
setTimeout("changecontent()",delay+faderdelay)
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
frame=20;
hex=255 // Initial color value.
function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=10; // increase color value
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")";// Set color value.
frame--;
setTimeout("colorfade()",20);
}
else{
document.getElementById("fscroller").style.color="rgb(255,0,0)";
frame=20;
hex=255
}
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')
window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>
Última edición por MISSARG el Dom Dic 20, 2009 6:48 am, editado 1 vez
The Exiles
