JavaScript Tutorial: onmouseover controls Images
<Html>
<Head>
<Style>
. ImgActive
{
Border: 3px solid #000000;
}
</Style>
<Script type = "text/javascript">
<! --
Function attachImgEventListener ()
{
Var imageArray = document. getElementById ("MM"). getElementsByTagName ("img ");
For (var I = 0; I <imageArray. length; I ++)
{
ImageArray [I]. onmouseover = imgOverListener;
ImageArray [I]. onmouseout = imgOutListener;
}
}
Function imgOverListener (event)
{
Var event = event | window. event;
Var source = event. srcElement | event.tar get;
Source. className = "imgActive ";
}
Function imgOutListener (event)
{
Var event = event | window. event;
Var source = event. srcElement | event.tar get;
Source. className = "";
}
-->
</Script>
</Head>
<Body onLoad = "attachImgEventListener ()">
<Div id = "MM">
</Div>
</Div>
</Body>
</Html>
This article is from: webpage tutorial Network (www.webjx.com)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
