Monday, September 10, 2012

MouseOver Event Sample in Javascript

2:37 AM  BlessyAlexander  No comments


MouseOver Event Sample


<HTML>
<HEAD>
<TITLE>mouseOver Event</TITLE>
<H1><MARQUEE >HOW TO LEARN ENGLISH?</MARQUEE></H1>
<SCRIPT LANGUAGE="JavaScript">
function func(s)
{
var str=""
str="You have placed mouse on the alphabet="
str+=s
alert(str)
}
function func1()
{
alert("Place mouse cursor over any alphabet")
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="CYAN">
<CENTER>
<A HREF=""onClick='return false' onMouseOver='func("A")'onMouseOut='func1()'>A</A>
<A HREF=""onClick='return false' onMouseOver='func("B")'onMouseOut='func1()'>B</A>
<A HREF=""onClick='return false' onMouseOver='func("C")'onMouseOut='func1()'>C</A>
<A HREF=""onClick='return false' onMouseOver='func("D")'onMouseOut='func1()'>D</A>
<A HREF=""onClick='return false' onMouseOver='func("E")'onMouseOut='func1()'>E</A>
<A HREF=""onClick='return false' onMouseOver='func("F")'onMouseOut='func1()'>F</A>
<A HREF=""onClick='return false' onMouseOver='func("G")'onMouseOut='func1()'>G</A>
<A HREF=""onClick='return false' onMouseOver='func("H")'onMouseOut='func1()'>H</A>
<A HREF=""onClick='return false' onMouseOver='func("I")'onMouseOut='func1()'>I</A>
<A HREF=""onClick='return false' onMouseOver='func("J")'onMouseOut='func1()'>J</A>
<A HREF=""onClick='return false' onMouseOver='func("K")'onMouseOut='func1()'>K</A>
<A HREF=""onClick='return false' onMouseOver='func("L")'onMouseOut='func1()'>L</A>
<A HREF=""onClick='return false' onMouseOver='func("M")'onMouseOut='func1()'>M</A>
<A HREF=""onClick='return false' onMouseOver='func("N")'onMouseOut='func1()'>N</A>
<A HREF=""onClick='return false' onMouseOver='func("O")'onMouseOut='func1()'>O</A>
<A HREF=""onClick='return false' onMouseOver='func("P")'onMouseOut='func1()'>P</A>
<A HREF=""onClick='return false' onMouseOver='func("Q")'onMouseOut='func1()'>Q</A>
<A HREF=""onClick='return false' onMouseOver='func("R")'onMouseOut='func1()'>R</A>
<A HREF=""onClick='return false' onMouseOver='func("S")'onMouseOut='func1()'>S</A>
<A HREF=""onClick='return false' onMouseOver='func("T")'onMouseOut='func1()'>T</A>
<A HREF=""onClick='return false' onMouseOver='func("U")'onMouseOut='func1()'>U</A>
<A HREF=""onClick='return false' onMouseOver='func("V")'onMouseOut='func1()'>V</A>
<A HREF=""onClick='return false' onMouseOver='func("W")'onMouseOut='func1()'>W</A>
<A HREF=""onClick='return false' onMouseOver='func("X")'onMouseOut='func1()'>X</A>

<A HREF=""onClick='return false' onMouseOver='func("Y")'onMouseOut='func1()'>Y</A>
<A HREF=""onClick='return false' onMouseOver='func("Z")'onMouseOut='func1()'>Z</A>
</BODY>
</HTML>



















Posted in: ,

0 comments:

Post a Comment