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>

  • 相关阅读:
    操作系统第一天学习
    进制之间的转换
    git的使用
    Python 第二天学习(文件的处理)
    下载博客首页的博客列表
    获取所有的列表
    抓取指定博客的内容
    进程简介
    python 内置函数range和xrange
    关于read的例子和条件测试
  • 原文地址:https://www.cnblogs.com/huazai521/p/7051306.html
Copyright © 2011-2022 走看看