Sign In
Create Account
Follow Us on Twitter
Subscribe on Youtube
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="rose1.jpg";
}
function mouseOut()
{
document.b1.src ="rose2.jpg";
}
</head>
<body>
<img border="0" alt="Visit W3Schools!" src="rose1.jpg" name="b1"
onmouseOver="mouseOver()" onmouseOut="mouseOut()" />
</body>
</html>
2 replies to this topic
#1
Posted 03 June 2009 - 09:48 PM
hkp
-
- Members
-
- 37 posts
Learning Programmer
hello friends, I have tried to create that when courser on the image the it show another image. I have used that javascript code. But that is not working can you help me what is the wrong in this code.
Back to top|
|
|
#2
Posted 03 June 2009 - 10:36 PM
BlaineSch
-
- Members
-
- 2,448 posts
Writes binary right handed and hex left handed
<html>
<head>
<script type="text/javascript">
function mouseOver(i) {
i.src = "http://www.olive-trees.net/_borders/Legends%20rose.jpg";
}
function mouseOut(i) {
i.src = "http://www.boston.com/ae/theater_arts/exhibitionist/miniature-rose-1.jpg";
}
</script>
</head>
<body>
<img border="0" alt="Visit W3Schools!" src="http://www.boston.com/ae/theater_arts/exhibitionist/miniature-rose-1.jpg" id="b1"
onmouseOver="mouseOver(this)" onmouseOut="mouseOut(this)" />
</body>
</html>
Try this on for size.
#3
Posted 04 June 2009 - 10:55 PM
hkp
-
- Members
-
- 37 posts
Learning Programmer
Thanks for the replay I have tried this code And it is working. Thanks once again to solving my problem..
