0

我正在使用此动态驱动器下拉菜单(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="" 但不幸的是它没有用。

有什么提示吗?提前致谢

4

1 回答 1

1

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

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

或者

你可以看看这个下拉解决方案列表(http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/)列表已更新仅在上个月,仔细研究一下,您可能会找到比 Dynamic Drive 下拉菜单更好的解决方案。

于 2012-06-09T11:23:14.843 回答