Heim > Web-Frontend > HTML-Tutorial > 帮忙分析下dtcms菜单栏_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:42:15
Original
1419 Leute haben es durchsucht

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

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

    回复讨论(解决方案)

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

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

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

    有人帮分析下吗?

  • Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage