会员登录/控制面版您的位置: 学院首页 >> 网站开发 >> JavaScript >> 文章内容

JavaScript教程:onmouseover控制图片

日期：2007-12-14 人气：出处：本站作者: 站长整理

字体大小:
小
中
大

<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.target;
source.className="imgActive";
}
function imgOutListener(event)
{
var event=event || window.event;
var source = event.srcElement || event.target;
source.className="";
}
-->
</script>
</head>
<body onLoad="attachImgEventListener()">
<div id="MM">
<img src="" width="50px" height="50px">
<img src="" width="50px" height="50px">
<img src="" width="50px" height="50px">
<img src="" width="50px" height="50px">

</div>
<img src="" width="50px" height="50px">
<img src="" width="50px" height="50px">
<img src="" width="50px" height="50px">
<img src="" width="50px" height="50px">
</div>
</body>
</html>

精彩推荐

本类推荐文章

本类阅读排行

JavaScript教程:onmouseover控制图片

相关文章

相关软件

网友评论: