侧边栏鼠标移入显示，移除消失

最新推荐文章于 2023-09-27 22:54:49 发布

weixin_30357231

最新推荐文章于 2023-09-27 22:54:49 发布

阅读量349

点赞数

原文链接：http://www.cnblogs.com/yuanyuan-1994/p/9015388.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
 <style>
        #e-coder{
            background: url("1.jpg") no-repeat;
            background-size: 50px 50px;
            position: fixed;
            top: 40%;
            left: 0;
            width: 500px;
            height: 500px;
        }
        #e-app{
            width: 300px;
            position: absolute;
            left:60px;
            top: -50px;
            display: none;

        }
    </style>
</head>
<body>
<div id="e-coder">
    <div id="e-app">
        <img src="2.jpg" alt="公众号">
    </div>
</div>
<script>
    window.οnlοad=function(){
        var coder=document.getElementById('e-coder');
        var app=document.getElementById('e-app');
        coder.οnmοuseοver=function(){
            app.style.display='block';
            this.style.background="url(4.jpg) no-repeat";
        }
        coder.οnmοuseοut=function(){
            app.style.display='none';
            this.style.background="url(1.jpg) no-repeat";
        }
    }
</script>
</body>
</html>