鼠标悬停—戳眼睛=-=

最新推荐文章于 2023-03-11 18:26:58 发布

lkktyz

最新推荐文章于 2023-03-11 18:26:58 发布

阅读量161

点赞数

分类专栏：鼠标事件案例文章标签：函数鼠标

本文链接：https://blog.csdn.net/lkktyz/article/details/78095971

版权

鼠标事件案例专栏收录该内容

1 篇文章 0 订阅

订阅专栏

戳眼睛·····

一个简单的鼠标悬停事件
眼睛的图片就忽略吧····
只附上代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>

            //睁眼
            function openEye(){
                var eye = document.getElementById("eye");
                eye.src = "img/eye01.jpg";
            }

            //闭眼
            function closeEye(){
                var eye = document.getElementById("eye");
                eye.src = "img/eye02.jpg";
            }

        </script>
    </head>
    <body>

        <div onmouseover="closeEye()" onmouseout="openEye()" style="float: left;border: 1px solid #000000;">
            <img id="eye" src="img/eye01.jpg" width="200px" />
        </div>

    </body>
</html>

优惠劵

lkktyz

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标悬停—戳眼睛=-=

戳眼睛·····一个简单的鼠标悬停事件眼睛的图片就忽略吧···· 只附上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> //睁眼 function openEye(){
复制链接

扫一扫