下拉式菜单。让它显示 onclick 而不是 onmouseover

Question

我在我的页面上使用此动态驱动器下拉菜单（http://www.dynamicdrive.com/dynamicindex1/chrome/ ---- js 源代码 http://www.dynamicdrive.com/dynamicindex1/chrome/chromejs/chrome.js）。

作者说：添加到菜单的所有事件处理程序现在都不显眼，允许您在菜单项上定义自己的“onmouseover”或“onclick”事件（但他没有向新手解释如何喜欢我）.

下面是部分代码：

<div class="chromestyle" id="chromemenu">
    <ul>
        <li><h2><a href="#" rel="dropmenu1">Me&amp;myself</a></h2></li>
        <li><h2><a href="#" rel="dropmenu2">Napoli</a></h2></li>
        <li><h2><a href="#" rel="dropmenu3">Technology</a></h2></li>
        <li><h2><a href="/ufo.php">UFO</a></h2></li>
        <li><h2><a href="#" rel="dropmenu4">Anime</a></h2></li>
        <li><h2><a href="/maps/map.php">Cartine geografiche</a></h2></li>
        <li><h2><a href="/calcio.php">Il calcio</a></h2></li>
    </ul>
</div>

<!--1st drop down menu -->                                                   
    <div id="dropmenu1" class="dropmenudiv">
    <a href="/">.: Home</a>
    <a href="/interess.php">.: About me</a>
    <a href="/blog/">.: My Blog</a>
    <a href="/gallery/">.: My Photo Gallery</a>
    <a href="/guestbook/guestbook.php">.: My Guestbook</a>
</div>

问题是触摸屏设备无法显示下拉菜单，因为您没有鼠标，只能点击屏幕，因此我想让下拉菜单可点击，因为我已经写了一个合适的移动 CSS 样式表。

我在谷歌上搜索了一下，没有运气，并尝试将 onclick="" 替换为 rel=""，但不幸的是它没有用。

有什么提示吗？ 提前致谢

Answer 1

这个下拉菜单的 js 似乎最后一次更新是在 2008 年，所以要注意它与现代浏览器和技术的兼容性。

我建议在谷歌上搜索更新的下拉 js 解决方案。

或

您可以查看此下拉解决方案列表 (http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/)，该列表仅在上个月更新，仔细查看，您可能会找到比动态驱动器下拉列表更好的解决方案。