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

时间:2012-06-09 11:07:50

标签: html css drop-down-menu touchscreen

我在我的网页上使用此动态广告系列下拉菜单(http://www.dynamicdrive.com/dynamicindex1/chrome/ ----来自http://www.dynamicdrive.com/dynamicindex1/chrome/chromejs/chrome.js的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 =“”但不幸的是它没有用。

任何提示? 提前致谢

1 个答案:

答案 0 :(得分:1)

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

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

OR

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