首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

asp.net 下拉菜单 鼠标悬停 展示或隐藏

2013-07-04 
asp.net 下拉菜单 鼠标悬停 显示或隐藏这个问题让我很困惑。我在其它项目上都可以,鼠标悬上去也能显示下拉

asp.net 下拉菜单 鼠标悬停 显示或隐藏
这个问题让我很困惑。

我在其它项目上都可以,鼠标悬上去也能显示下拉列表,问题是:当鼠标在下拉列表菜单上滚动时,却不显示了。

上代码:


<div id="menu">
            <ul id="menu_1">
                <li class="shouye"><a href="index.html" target="_blank">首页</a></li>
                <li><a href="about.html" target="_blank">关于我们</a></li>
                <li><a href="develop.html" target="_blank">发展历程</a></li>
                <li><a href="products.html" target="_blank">我们产品</a>
                    <ul style="display:none;">
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                    </ul>
                </li>
                <li><a href="###" target="_blank">精品推广</a></li>
                <li><a href="join.html" target="_blank">代理加盟</a></li>
                <li class="rencai"><a href="jobs.html" target="_blank">诚聘英才</a></li>


            </ul>
        </div>


js如下:

<script typr="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

<script type="text/javascript" language="javascript">
//        $(function() {
//            $("ul#menu_1>li:has(ul)").hover(function()
//            { $(this).find('ul').fadeIn(400); }, function() {
//                $(this).find('ul').fadeOut(400);
//            });
        //        });
        jQuery(document).ready(function() {
            // 找到所有菜单, 并添加显示和隐藏菜单事件
        jQuery('#menu_1 > li').each(function() {
                jQuery(this).hover(

                // 显示菜单
function() {
    jQuery(this).find('ul:eq(0)').show();
},

                // 隐藏菜单
function() {
    jQuery(this).find('ul:eq(0)').hide();
}

);
            });
        }); 

    </script>

ASP.NET jQuery
[解决办法]
引用:
确实是样式的问题。

Quote: 引用:

样式问题,子菜单的范围超过了父元素li的范围了
可以webdeveloper工具调试一下看看


结贴,给分asp.net 下拉菜单 鼠标悬停 展示或隐藏

热点排行