鼠标移到光标上面会切换 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
    <img src="jd1.png" id="changeImg">
    <script type="text/javascript">
        //当鼠标移上图片上面时 就更换一张图片  要做事 先找人 
        //找对象  再来操作这个对象   对象.方法  对象.属性
        var imgObj = document.getElementById("changeImg");
        //get  Element  By     Id  //通过id的属性值来获取元素 
        //获取 元素     通过  id的属性值
        /*事件  
        当鼠标经过的时候   onmouseover 
        事件三要素 
        对象.事件名 = 事件的处理程序  实现什么功能  
        */
        imgObj.onmouseover = function(){           当鼠标停在图片上面的时候，通过属性值“changeImg”来获取“src(jd2.png)”图片！！！！！！徐导是这样理                                                                                                                      解吗？  很难懂、、、
            //实现什么功能
            //window.alert("你经过了我！");
            imgObj.src = "jd2.png";
        }
    
    </script>
</body>
</html>

posted @ 2016-11-21 19:28  谁把我名字给抢了  阅读(145)  评论(1)    收藏  举报