zoukankan      html  css  js  c++  java
  • div移入显示移出隐藏

    随便记一下东西,第一次写,就把今天遇到的问题写出来(喷子勿喷!)

    现在正在写一个图书馆的网站,写到个人中心的时候出问题了

    移入时候显示下面的div

    代码是这样的 :

    <div id="posional">

      <div id="big">

          个人中心

        <div id="small">

          <a href="javascrpt">个人中心</a>

          <a href="javascrpt">个人中心</a>

          <a href="javascrpt">个人中心</a>

        </div>

      </div>

    </div>

    思路:先是一个posional包阔所有div,然后里面一个大的一个小的,移动到big上面就让samll显示,移出big就让他隐藏,然后在写small的移出就行了

    脚本部分:

    <script>

      var big = document.getElementById("big");

      var small=document.getElementById("small");

      big.onmouseover=function(){

      small.style.display="block";

    }

      big.onmouseout=function(){

      small.style.display="none";

    }

      small.onmouseout=function(){

      small.style.display="none";

    }

    </script>

  • 相关阅读:
    jquery选择器
    frameset的target属性
    最长回文子串 南邮NOJ 1100
    最长回文子串 南邮NOJ 1100
    最长回文子串 南邮NOJ 1100
    NOJ 蛇形填数 1094
    NOJ 蛇形填数 1094
    NOJ 蛇形填数 1094
    NOJ 蛇形填数 1094
    开灯问题 南邮NOJ 1589 (另一种解法)
  • 原文地址:https://www.cnblogs.com/huazai521/p/7051306.html
Copyright © 2011-2022 走看看