Mouse-over function
#1


Hello, today I want to love to show the mouse-over function and explain!

Mouse-over means that changes the button when you move the mouse over the button!

 

This is the one for 2 different code but takes almost the same buttons.

Here's the code:

 

<a href = "#" onmouseover = "document.getElementById ('your_title') src = 'pic2.png';." onmouseout = "document.getElementById ('your_title') src = 'pic1.png'. "> <img src="pic1.png" id="your_title" alt="" /> </ a>

 

Where 'your_titel' either for website, forum or anything, but you may only use once per code! I.e. if man e.g.

2x the code used for 2 visible buttons then must for every man code 1x a title otherwise use than ever!

 

Example 2 visible buttons:

 

<a href = "#"onmouseover = ". document.getElementById ('home') src = 'pic2.png';"

onmouseout = ". document.getElementById ('home') src = 'pic1.png'"> <img

src = "pic1.png" alt = "" id = "home" /> </ a> <a href = "#"

onmouseover = ". document.getElementById ('forum') src = 'pic4.png';"

onmouseout = ". document.getElementById ('forum') src = 'pic3.png'"> <img

src = "pic3.png" alt = "" id = "forum" /> </ a>

 

You can see that I have used forum home once and once, as I said both would at home or both on forum do not go!

And now a lot of fun with it, hope I could help!

 

 

your

Cyborg2009



Messages In This Thread
[No subject] - by cyborg2009 - 10-05-2012, 08:18 AM

Forum Jump:


Users browsing this thread: 1 Guest(s)