鼠标移入移出随机改变div背景色

最新推荐文章于 2023-04-27 10:34:48 发布

huhu生威

最新推荐文章于 2023-04-27 10:34:48 发布

阅读量635

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46027989/article/details/103723685

版权

<style>
    #box{
        width: 200px;
        height: 100px;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        top: 50%;
        margin-top: -50px;
        text-align: center;
        line-height: 100px;
    }
</style>

<body>
    <div id="box">鼠标移入移出变色</div>
    <script>
        var box = document.getElementById("box");
        box.onmouseover = function (ev) {
            var a = Math.floor(Math.random()*256);
            var b = Math.floor(Math.random()*256);
            var c = Math.floor(Math.random()*256);
            box.style.backgroundColor = "rgb(" + a + "," + b + "," + c + ")"
        }
        box.onmouseout = function (ev) {
            var a = Math.floor(Math.random()*256);
            var b = Math.floor(Math.random()*256);
            var c = Math.floor(Math.random()*256);
            box.style.backgroundColor = "rgb(" + a + "," + b + "," + c + ")"
        }
    </script>
</body>

在这里插入图片描述

huhu生威

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
鼠标移入移出随机改变div背景色

<style> #box{ width: 200px; height: 100px; position: absolute; left: 50%; margin-left: -100px; top: 50%; margin-top: -50px; te...
复制链接

扫一扫