Click to See Complete Forum and Search --> : specific mouseover script
I have seen a brilliant mouseover script on the website http://www.moet.com/moet.htm?to=gb/homef.htm
There are 3 small square images in a surrounding red rectangle box. When the mouse is moved over them, the background image in the surrounding red rectangle box SWIPES in with an image. Just brilliant.
Does anyone know where i can get such a script with the image swipe-in effect from please?
Hope someone can help me?
Thanks in advance!!!
TM
gil davis
11-22-2003, 08:21 AM
They are passing a transparent gif across the main image.
function transoff(){clearTimeout(boucleon)
clearTimeout(boucleoff)
if (document.layers){if (document.layers.masque.pageX>-520){document.layers.masque.moveBy(-130,0)
boucleoff=setTimeout("transoff()",50)}}else{if (masque.style.pixelLeft>-520){masque.style.pixelLeft-=130
boucleoff=setTimeout("transoff()",50)}}}
function transon(){clearTimeout(boucleoff)
clearTimeout(boucleon)
if (document.layers){if (document.layers.masque.pageX<520){document.layers.masque.moveBy(130,0)
boucleon=setTimeout("transon()",50)}}else{if (masque.style.pixelLeft<520){masque.style.pixelLeft+=130
boucleon=setTimeout("transon()",50)}}}
It affects this object:
<DIV id="masque" style="position:absolute; left:-520px; top:150px; width:1040px; height:80px; z-index:2">
<TABLE width="1040" border="0" cellspacing="0" cellpadding="0" height="80">
<TR>
<TD width="520" background="inter/degrade2.gif"> </TD>
<TD bgcolor="#320000" width="520"> </TD>
</TR>
</TABLE>
</DIV>
The image is http://www.moet.com/gb/inter/degrade2.gif
Thanks so much for replying,
Gil Davis, but i failed to mention i am just starting out on javascript(like a few days ago) and wanted this particular script to play about and learn with amongst others (gosh, i feel like an idiot), sorry for asking but what would the structure of the page be?
I mean (in idiots terms) what goes where?
Sorry for sounding like this.
Thanks again :-)