Onmouse Over How to Change the Picture When onmouseover event occur in DHTML

Learning|Tutorial August 12, 2009
Start the program. When on mouse over the particular object occur onmouseover event fires .then it will perform there operation. In these case when mouse over computer it show computer picture. When mouse over car it show car picture it use two function fun1() and fun2(). Finally terminate the program

Source Dhtml programing
<html>
<head>
<title> ON MOUSE OVER</title>
<script language="javascript">
function fun1()
{
storesimage.src="computer.jpg";
}
function fun2()
{
storesimage.src="car.jpg";
}
</script>
</head>
<body bgcolor="#ffe4c4">
<font face="verdona" color="blue" size=5>
<b style="color:brown;">Mouse Over</b>
<img id="storesimage" src="pic1.jpg" align="left">
<ol>
<li onmouseover="fun1()"> A Computer
<li onmouseover="fun2()"> A Car
</ol></font>
</body>
</html>
Output DHTML onmouse over
Onmouse over DHtml changepicture function car
Onmouse over DHtml changepicture function computer
Tags:
Learning|Tutorial

Posted by: Learning|Tutorial

I am a B.Tech/IT graduate with a total 11 Years of IT experience in Linux and High-Performance computing. When I was studying engineering, I publish this website. On this site I will give you an idea on Lab programs, Linux, Computer Graphics, Software components, and my IT experience. If you have any doubt about my article you can write to swstudenton@gmail.com. This website for those who need to learn and those who love to learn.

Post a Comment

0 Comments