zoukankan      html  css  js  c++  java
  • 侧边栏鼠标移入显示,移除消失

    <!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;
    500px;
    height: 500px;
    }
    #e-app{
    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.onload=function(){
    var coder=document.getElementById('e-coder');
    var app=document.getElementById('e-app');
    coder.onmouseover=function(){
    app.style.display='block';
    this.style.background="url(4.jpg) no-repeat";
    }
    coder.onmouseout=function(){
    app.style.display='none';
    this.style.background="url(1.jpg) no-repeat";
    }
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    监听器
    过滤器
    连接池与分页
    jdbc优化
    jdbc入门
    web开发mysql基础
    自定义标签
    jsp基础
    会话管理入门
    19. Remove Nth Node From End of List C++删除链表的倒数第N个节点
  • 原文地址:https://www.cnblogs.com/yuanyuan-1994/p/9015388.html
Copyright © 2011-2022 走看看