鼠标滑过某div出现另一被隐藏div的常见写法:display属性

display属性:
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。(较适用于ab不同时显示)
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。(适用于ab同时显示)
inline-block 行内块元素。(CSS2.1 新增的值)

1、利用js函数,实现滑在b上,a由隐藏变显示



b is show

页面效果:
鼠标滑过前:
b is show
滑过时:
a is hidden
b is show

2、利用css样式,实现滑在b(实际是c)上,b变成a





  • a is hidden
    b is show
  • 页面效果:
    鼠标滑过前:b is show
    滑过时:a is hidden

    你可能感兴趣的:(前端)