• 当鼠标指向时覆盖阴影的代码


    <style>
    #a
    {
    100%;
    height:415px;
    border:1px solid red;
    position:relative;}
    .aa
    {
    20%;
    height:200px;
    margin-left:4%;
    float:left;
    margin-top:5px;
    background-color:#0F6;
    position:relative;}
    .b
    {
    100%;
    height:200px;
    position:relative;
    background-color:#000;
    opacity:0.4;
    visibility:hidden;}
    #w
    {
    position:relative;
    top:-180px;
    visibility:hidden;
    }
    </style>
    </head>

    <body>
    <div id="a">
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    <div class="aa"><div class="b"></div></div>
    </div>
    </body>
    </html>
    <script>
    var all=document.getElementsByClassName("aa");
    for(var i=0;i<all.length;i++)
    {
    all[i].onmouseover=function(){this.firstChild.style.visibility="visible"}
    all[i].onmouseout=function(){this.firstChild.style.visibility="hidden"}
    }

  • 相关阅读:
    upload.go
    heartbeat.go
    delete.go
    get.go
    handler.go
    uuid.go
    kingpin_parser.go
    disk.go
    logrus_hook.go
    反连接NOT EXISTS子查询中有or 谓词连接条件SQL优化一例
  • 原文地址:https://www.cnblogs.com/fuze/p/5790518.html
Copyright © 2020-2023  润新知