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


    <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"}
    }

  • 相关阅读:
    r_action
    微内核 客户服务器模式 分布式
    机制与策略分离
    自顶向下设计
    swap
    专人写接口+模型,专人写业务逻辑---interface_model -- business logical
    14days laravel
    t
    不用print调试 xdebug ubuntu phpstorm 远程断点调试
    peewee sqlalchemy
  • 原文地址:https://www.cnblogs.com/fuze/p/5790518.html
Copyright © 2020-2023  润新知