Tweet
why doesnt this work:
before i wrote everything in one line the code worked perfectly fine.
Did i mess something up when i wrote it in one line or does it just simply not wokr?
Code:
<html><head><style>.img{filter: alpha(opacity=30);-moz-opacity: 0.3;}</style><script>function fade(imgID){var me=this;this.i=.3;this.stopFU=function(){me.UD=0;me.fadeDown()};this.stopFD=function(){me.UD=1;me.fadeUp()};this.imgId=imgID;this.fadeUp=function(){if(me.i<.94 && me.UD==1){me.i+=0.06;document.getElementById(me.imgId).style.MozOpacity=me.i;document.getElementById(me.imgId).style.filter='alpha(opacity='+me.i*100+')';setTimeout(me.fadeUp, 10);}else{me.stopFU};}this.fadeDown=function(){if(me.i>=.3 && me.UD==0){me.i-=0.01;document.getElementById(me.imgId).style.MozOpacity=me.i;document.getElementById(me.imgId).style.filter='alpha(opacity='+me.i*100+')';setTimeout(me.fadeDown, 10);}else{me.UD=1}}}var Smiley1=new fade('img1');var Smiley2=new fade('img2');var Smiley3=new fade('img3');var Smiley4=new fade('img4');var Smiley5=new fade('img5');var Smiley6=new fade('img6');var Smiley7=new fade('img7');var Smiley8=new fade('img8');var Smiley9=new fade('img9');var IE = document.all?true:falsedocument.onmouseover=function(){if (!IE){e = arguments[0].target};if(IE){e = window.event.srcElement};if(e.id=='img1'){Smiley1.stopFD()};if(e.id=='img2'){Smiley2.stopFD()};if(e.id=='img3'){Smiley3.stopFD()};if(e.id=='img4'){Smiley4.stopFD()};if(e.id=='img5'){Smiley5.stopFD()};if(e.id=='img6'){Smiley6.stopFD()};if(e.id=='img7'){Smiley7.stopFD()};if(e.id=='img8'){Smiley8.stopFD()};if(e.id=='img9'){Smiley9.stopFD()};};document.onmouseout=function(){if (!IE){e = arguments[0].target};if(IE){e = window.event.srcElement};if(e.id=='img1'){Smiley1.stopFU()};if(e.id=='img2'){Smiley2.stopFU()};if(e.id=='img3'){Smiley3.stopFU()};if(e.id=='img4'){Smiley4.stopFU()};if(e.id=='img5'){Smiley5.stopFU()};if(e.id=='img6'){Smiley6.stopFU()};if(e.id=='img7'){Smiley7.stopFU()};if(e.id=='img8'){Smiley8.stopFU()};if(e.id=='img9'){Smiley9.stopFU()};};</script></head><body><img src="smiley.gif" id="img1" class="img"><br><img src="smiley.gif" id="img2" class="img"><br><img src="smiley.gif" id="img3" class="img"><br><img src="smiley.gif" id="img4" class="img"><br><img src="smiley.gif" id="img5" class="img"><br><img src="smiley.gif" id="img6" class="img"><br><img src="smiley.gif" id="img7" class="img"><br><img src="smiley.gif" id="img8" class="img"><br><img src="smiley.gif" id="img9" class="img"><br></body></html>
Did i mess something up when i wrote it in one line or does it just simply not wokr?
Comment