> 웹 프론트엔드 > HTML 튜토리얼 > 帮忙分析下dtcms菜单栏_html/css_WEB-ITnose

帮忙分析下dtcms菜单栏_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:42:15
원래의
1419명이 탐색했습니다.

本帖最后由 renaihaore 于 2013-03-28 23:51:43 编辑

http://www.dtcms.net/ 这个网站的顶部导航栏,如视为选中则CSS控制显示为白字且下方会显示个小箭头,他用的
  •  这种形式,我调试把JS禁用,他一样好使,可见不是JS动态写入的,但是他是怎么实现的呢?  有点搞不明白了,难道CSS还可以编写条件的?

    回复讨论(解决方案)

    帅哥,这是典型的hover的用法。css不能编写条件,虽然在里边可以写表达式,但性能或维护都是问题,所以不建议。
    这样:
    以firebug右上角有个

    在chrome上同样的位置能找到,
    然后观察下面的样式,一目了然。

    :hover 是鼠标经过把?   我的意识是他怎么类似于选项卡样式,点了就定位那种样式了的

    有人帮分析下吗?

  • 원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿