A mi me funcionó en IE 5.5
Ves la imagen, pero no con el efecto?
Seguramente tienes conflicto con algun otro script en la misma página. Igual puede que tengas otro script utilizando el ONLOAD.
Si tienes otro script en el ONLOAD dentro del body o por ejemplo que dentro de la función de alguno de los scripts contenga window.onload=nombredelafunción...entonces utiliza:
Código:
<body onload="nombredealgunaotra();f1()">
Ejemplo:
Tengo un script que es para desplegar noticias (que es llamado con window.onload=
populate) y tengo además el del reflejo de agua (función es
f1) que es llamado con window.onload=f1 dentro del script.
Ambos están dentro del body.
Uno de ellos funciona y el otro no. Así que quito lo de window.onload=f1 del script del reflejo de agua y elimino también el window.onload=populate de mi script de desplegar noticias.
Y para llamar a ambos scripts coloco esto en el body :
Código:
<body onload = "populate();f1()">
Ejemplo:
Código:
<html>
<body onload="populate();f1()">
Ejemplo de scroll de noticias de DynamicDrive:<BR>
<table width="12%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#CCCCFF">
<script language="JavaScript1.2">
/*
Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth=200
//Specify the marquee's height
var marqueeheight=150
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: that's great):
var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=marqueeheight+8
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=marqueeheight+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",50)
}
//window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed
else
cross_marquee.style.top=marqueeheight+8
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=marqueeheight+8
}
}
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style=" position:relative;width:'+marqueewidth+';height:'+
marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0;width:100%;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script></td>
</tr>
</table>
<BR>
<BR>
Efecto de reflejo de agua:
<BR>
<img id="reflect" src="http://www.upichat.com/images/logo.gif">
<br>
<script language="JavaScript1.2">
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
//window.onload=f1
}
</script>
</body>
</html>
Nota:
Observa las
// en ambos scripts en el window.onload=lafuncion Esto lo que hace es ponerlas como comentarios pero no ejecutarlas. Igual podrias eliminarla y no se veria el efecto pues el
onload está en el tag o etiqueta de body. Espero te funcione. Si no es eso o lo que dice JavierB, entonces...ni idea
