JavaScript 鼠标移入移出状态（onmouseover、onmouseout）

最新推荐文章于 2023-06-15 17:03:12 发布

LiLi_code

最新推荐文章于 2023-06-15 17:03:12 发布

阅读量3.8k

点赞数

分类专栏： JavaScript 文章标签： JavaScript onmouseout onmouseover 鼠标移入移出状态

本文链接：https://blog.csdn.net/LiLi_code/article/details/86497904

版权

1、设计一个div 用于演示：

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #myDiv {
            width: 150px;
            height: 50px;
            font-size: 16px;
            text-align: center;
            background-color: #eee;
        }
    </style>
</head>
<body>
    <div id="myDiv" onmouseover="changeColor()" onmouseout="removeColor()">
        这是我的盒子！！
    </div>
</body>

2、脚本中具体函数的实现：

<script>
    function changeColor(){
        console.log("移进")
        document.getElementById("myDiv").style.backgroundColor="red"
        document.getElementById("myDiv").style.fontSize = '18px';
        document.getElementById("myDiv").style.co

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LiLi_code

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 鼠标移入移出状态（onmouseover、onmouseout）

1、设计一个div 用于演示：&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; #myDiv { width: 150px; height: 50px; ...
复制链接

扫一扫