/    Sign up×
Community /Pin to ProfileBookmark

Mouse Overs Part II

Copy linkTweet thisAlerts:
Jan 01.2003

I know i have been asking a lot for mouse overs but now i wonder if you can make where when ever the mouse moves over a link a image pops up on the left like a arrow and when you move down to the next link the arrow moves down near that link kind of like on Final fantasy menus but won’t you only need like <body onmouseover=”” ?

to post a comment
Full-stack Developer

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@Zach_ElfersJan 01.2003 — You can do that, like this:

<script language="JavaScript" type="text/JavaScript">

// Preload the images

arrow = new Image(width, height);

arrow.src = "arrow.gif";

blank = new Image(width, height);

blank.src = "blank.gif";

</script>

<a href="page.html" onMouseOver="document.changeImg1.src='arrow.gif';" onMoseOut="document.changeImg1.src='blank.gif';">Link 1</a> <img src="blank.gif" name="changeImg1">

<br>

<a href="page.html" onMouseOver="document.changeImg2.src='arrow.gif';" onMouseOut="document.changeImg2.src='blank.gif';">Link 2</a> <img src="blank.gif" name="changeImg2">

Just repeat that for all the links you have.
×

Success!

Help @Kaisa 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 6.17,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...