+- LCKB (https://lckb.dev/forum)
+-- Forum: ** OLD LCKB DATABASE ** (https://lckb.dev/forum/forumdisplay.php?fid=109)
+--- Forum: Website Scripting & Security (https://lckb.dev/forum/forumdisplay.php?fid=197)
+---- Forum: Website Releases (https://lckb.dev/forum/forumdisplay.php?fid=135)
+----- Forum: Ep1 Websites (https://lckb.dev/forum/forumdisplay.php?fid=185)
+----- Thread: Mouse-over function (/showthread.php?tid=1126)
- cyborg2009 - 10-05-2012
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