/    Sign up×
Community /Pin to ProfileBookmark

specific mouseover script

I have seen a brilliant mouseover script on the website [url]http://www.moet.com/moet.htm?to=gb/homef.htm[/url]

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

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@gil_davisNov 22.2003 — They are passing a transparent gif across the main image.
<i>
</i>function transoff(){clearTimeout(boucleon)
clearTimeout(boucleoff)
if (document.layers){if (document.layers.masque.pageX&gt;-520){document.layers.masque.moveBy(-130,0)
boucleoff=setTimeout("transoff()",50)}}else{if (masque.style.pixelLeft&gt;-520){masque.style.pixelLeft-=130
boucleoff=setTimeout("transoff()",50)}}}

function transon(){clearTimeout(boucleoff)
clearTimeout(boucleon)
if (document.layers){if (document.layers.masque.pageX&lt;520){document.layers.masque.moveBy(130,0)
boucleon=setTimeout("transon()",50)}}else{if (masque.style.pixelLeft&lt;520){masque.style.pixelLeft+=130
boucleon=setTimeout("transon()",50)}}}
It affects this object:
<i>
</i>&lt;DIV id="masque" style="position:absolute; left:-520px; top:150px; width:1040px; height:80px; z-index:2"&gt;
&lt;TABLE width="1040" border="0" cellspacing="0" cellpadding="0" height="80"&gt;
&lt;TR&gt;
&lt;TD width="520" background="inter/degrade2.gif"&gt;&amp;nbsp;&lt;/TD&gt;
&lt;TD bgcolor="#320000" width="520"&gt;&amp;nbsp;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;
&lt;/DIV&gt;
The image is http://www.moet.com/gb/inter/degrade2.gif
Copy linkTweet thisAlerts:
@bashauthorNov 22.2003 — 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 :-)
×

Success!

Help @bash spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...