下拉菜单php_Php_Css_Drop Down Menu

下拉菜单php

php css drop-down-menu

下拉菜单php,php,css,drop-down-menu,Php,Css,Drop Down Menu,任何人都可以告诉我这些代码有什么问题。。。我无法使子菜单显示我想我的错误是在数据库中调用子菜单的部分。但是我检查过了，没有什么问题也许css中有一些错误。但我不知道 php代码： <html> <head> <link rel="stylesheet" href="<?php echo"css/copy.css" ?>" type="text/css" /> </head> <?php include "koneks

任何人都可以告诉我这些代码有什么问题。。。我无法使子菜单显示

我想我的错误是在数据库中调用子菜单的部分。但是我检查过了，没有什么问题

也许css中有一些错误。但我不知道

php代码：

<html>
<head>
    <link rel="stylesheet" href="<?php echo"css/copy.css" ?>" type="text/css" />
</head>
<?php include "koneksi.php"?>
<body>
<div id="page-wrap">
    <ul class="dropdown">
        <?php
            /*where I select main menu from table mainmemnu*/
            $main = mysql_query("SELECT * FROM mainmenu WHERE aktif='Y'");

            while($r=mysql_fetch_array($main))
            {
                echo"<li><a href='$r[link]'><span>$r[nama_menu]</span></a>";

                /*where I select sub menu from table submenu*/
                $sub = mysql_query
                ("SELECT * FROM submenu, mainmenu WHERE submenu.id_main = mainmenu.id_main AND submenu.id_main=$r[id_main]");

                $jml = mysql_num_rows($sub);

                if($jml > 0)
                {
                    echo"<div><ul>";

                    while($w = mysql_fetch_array($sub))
                    {
                        echo
                        "<li>
                            <a href='$w[link_sub]'>
                            <span>
                                &#187; $w[nama_sub]
                            </span>
                            </a>
                        </li>";
                    }
                    echo"</ul></div></li>";
                }
                else
                {
                    echo"</li>";
                }
            }
        ?>
    </ul>
</div>
</body>
</html>

当我将光标移到菜单上时，子菜单将不会出现…

当鼠标悬停在标记上时，您需要一个javascript来操作您想要看到的块。

您不能将鼠标悬停在隐藏的标记上。

您缺少将显示子div的css。基本上可以归结为：

/*hiding initially*/
.dropdown li ul
{
    position: absolute;
    display: none;
}
/*display selectively*/
.dropdown li:hover > ul
{
    display: block;
}

我想看看代码生成的HTML是什么样子的，但在我看来，您使用了太多不需要的div、span和标记

看看这个JSFIDLE是否可以帮助您，它完全由HTML和CSS组成

这是您可能缺少的CSS部分

ul.dropdown > li > ul {
    display: none;
}

ul.dropdown > li:hover > ul {
    display: block;
}

你能发布你从中得到的源HTML吗？谢谢你的回答。。。但是当我运行JSFIDLE代码时，子菜单直接显示出来。直到我将光标移到父对象上，它才被隐藏，就像JSFIDLE中显示的那样…哦，对不起。。。这是我的错忘记在HTML中插入css为什么我要求查看生成的HTML，我认为echo“something”不起作用，而是抛出一个PHP错误。PS：很高兴它对你有用

ul.dropdown > li > ul {
    display: none;
}

ul.dropdown > li:hover > ul {
    display: block;
}