masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 帮忙分析下dtcms菜单栏_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-21 09:42:15
asal
1420 orang telah melayarinya

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

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

    回复讨论(解决方案)

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

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

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

    有人帮分析下吗？

    • Label berkaitan：
    帮忙分析下dtcms菜单栏
    sumber：php.cn
    Artikel sebelumnya：新手求助：如何让javascript，css等代码适合跨浏览器预览_html/css_WEB-ITnose Artikel seterusnya：2013全面兼容多浏览器IE6?8&火狐&其他主流浏览器的CSS HACK写法_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
    daripada 2024-04-29 11:01:01
    0
    3
    2205
    Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
    daripada 2024-04-23 00:22:19
    0
    11
    2354
    Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
    daripada 2024-04-19 15:37:47
    0
    1
    1972
    Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
    daripada 2024-04-18 23:52:34
    0
    1
    1857
    Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
    daripada 2024-04-16 10:10:18
    0
    0
    1922
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan