JQ 鼠标移动到标题上，显示出内容，如何让鼠标悬停在内容而内容不会被隐藏，代码如下

<html><head><scripttype="text/javascript"src="/jquery/jquery.js"></script><scripttype... <html>
<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").mouseover(function(){
$(".panel").show("slow");
});
$(".flip").mouseout(function(){
$(".panel").hide("solw");
});

});
</script>

<style type="text/css">
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>

<body>
<p class="flip">网络</p>

<div class="panel">
<p> 领先的 Web 技术教程站点</p>
<p>你可以找到你所需要的所有网站建设教程。</p>
</div>

</body>
</html> 展开

 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

ruien618
2011-08-04 · TA获得超过223个赞

知道小有建树答主

回答量：104

采纳率：0%

帮助的人：64.3万

我也去答题访问个人页

关注

展开全部

很简单，记得把标题和内容放在一个div中，对一个div进行hover操作

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#content').hide();
            $('#all').hover(function () {
                $('#content').show();
            }, function () {
                $('#content').hide();
            });
        });
    </script>
    <style type="text/css">
        #content
        {
            margin: 0px;
            padding: 5px;
            text-align: center;
            background: #e5eecc;
            border: solid 1px #c3c3c3;
        }
        div.panel
        {
            height: 120px;
            display: none;
        }
    </style>
</head>
<body>
    <div id='all'>
        <p id='title'>标题</p>
        <div id='content'>
           <p>
                领先的 Web 技术教程站点</p>
            <p>
                你可以找到你所需要的所有网站建设教程。</p> 
        </div>
    </div>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

匿名用户
2011-08-03

展开全部

不好意思，这个知识不在我掌握范围内。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JQ 鼠标移动到标题上，显示出内容，如何让鼠标悬停在内容而内容不会被隐藏，代码如下

其他类似问题

为你推荐：