码迷,mamicode.com
首页 > 其他好文 > 详细

匿名函数和鼠标移入移除事件

时间:2017-06-21 14:06:31      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:for   pre   win   cti   lang   round   color   doctype   事件   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>改变边框</title>
    <style>
        .def {
            border: 1px solid #ccc;
            margin-right: 120px;
        }

        .hover {
            border: 1px solid red;
            margin-right: 120px;
        }
    </style>
    <script>
//        function over(target) {
//            target.className = ‘hover‘;
//        }
//        function def(target) {
//            target.className = ‘def‘;
//        }
        window.onload=function () {
            var img=document.getElementsByTagName(img);//取得所有的图片数组
            for(var i=0;i<img.length;i++){//遍历每一张图片
                img[i].onmouseover=function(){//每一张图片加一个onmouseover事件
                    this.className=hover;
                }
                img[i].onmouseout=function () {
                    this.className=def;
                }
            }
        }
        
    </script>
</head>
<body
">
<table>
    <tr>
        <td><img src="images/new_01.jpg" alt="" class="def"></td>
        <td><img src="images/new_02.jpg" alt="" class="def"></td>
        <td><img src="images/new_03.jpg" alt="" class="def"></td>
    </tr>
</table>
</body>
</html>

 

匿名函数和鼠标移入移除事件

标签:for   pre   win   cti   lang   round   color   doctype   事件   

原文地址:http://www.cnblogs.com/lwj820876312/p/7058550.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!