Easy DHTML Question.    mouseonover effect examples.

loopfinity
loopfinity used Ask the Experts™
on
Hi there I need mouse OnOver effect while user over on some text some text.

like this link but image should be changed user on over text.
to clarify it, assume there are Iphone, Imac, Ipod text if user on any one of them the picture should
change.

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover

kind regards.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
check this answer
http://www.dynamicdrive.com/forums/showpost.php?p=120031&postcount=2

another simple example
http://www.codeave.com/css/code.asp?u_log=4022

similarly you can change image also onmouseover, just copy paste the below code in the same window and test

<html>
<body>

<p onMouseOver="document.images['mousetest'].src='image_w3default2.gif'"
onMouseOut="document.images['mousetest'].src='image_w3default.gif'"> Some text </p>

<img name="mousetest">
</body>
</html>

Open in new window

Author

Commented:
let me more clarify it. As could be seen in picture if user on any OS name the logo of each OS will appear on the right rectangle. (By deault linux or unrelated picture will be appeare)

regards.
htm.png
did you tried the link that i had posted? Are you facing any issues?

Author

Commented:
i have attached some code also...did you tried that?

Author

Commented:
sorry. ok but  could you re modify it according to attached image.

Author

Commented:
by the way if you have a time please visit this question link:                                                                  http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/Q_26309155.html
hi there

thanks for you comment but I find the way to fade away my problem.

<li>9 <a onmouseover="change('images/me.jpg')" href="http://www.XXX.com" target="_blank"><b>Kh</b> </a> III</li>


here is my JS function


 <script type="text/javascript">
 12
 13
 14 function change(img_name)
 15    {
 16   document.getElementById("lab_fasicility").src = img_name;
 17    }
 18
 19
 20 </script>


regards.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial