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

Question

我在我的页面上使用这个 Dynamic Drive 下拉菜单(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/)，该列表仅在上个月更新，仔细查看，您可能会找到比 Dynamic Drive 下拉列表更好的解决方案。