读书人

请大家伙儿帮忙修改下小弟不懂

发布时间: 2013-12-13 00:50:19 作者: rapoo

请大家帮忙修改下,小弟不懂!

<script type="text/javascript" src="http://www.linzl.com/wp-content/themes/linzl/script/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//先隐藏所有Item
$(".p_hot dl").hide();
//显示第一个Item
$(".p_hot dl:first").show();
$(".p_hot li h2").mouseover(function () {
//如果当前Item是隐藏
if ($(this).next().is(":hidden")) {
//先slideUp所有Item
$(".p_hot dl").slideUp();
//slideDown当前Item
$(this).next().slideDown();
}
});
})
</script>

<div class="p_hot">
<ul>

<li>
<h2><a href="#" target="_blank">标题</a></h2>
<dl>
<dt><img src="$webdb[www_url]/images/v1/index/1.png" width="70" height="70" /></dt>
<dd>111111111111</dd>
</dl>
</li>

<li>
<h2><a href="#" target="_blank">标题</a></h2>
<dl>
<dt><img src="$webdb[www_url]/images/v1/index/1.png" width="70" height="70" /></dt>
<dd>111111111111</dd>
</dl>
</li>

</ul>
</div>



我这里有一个js特效,想请大家帮忙修改下,就是:
鼠标放上某个h2这个元素上 该dl元素显示,然后隐藏该h2元素
[解决办法]
<script type="text/javascript" src="jquery-1.10.2.js"></script><script type="text/javascript">     $(document).ready(function () {       $(".p_hot dl").hide();       $(".p_hot dl:first").show();    $(".p_hot li h2").mouseover(function () {              if ($(this).next().is(":hidden")) {                       $(".p_hot dl").slideUp();                      $(this).next().slideDown();            $(this).hide()               }    });}) </script> 
整体上给你添加了一个$(this).hide(),由于后续需求你没有描述清楚,就先这样回答
[解决办法]

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function () {
//先隐藏所有Item
$(".p_hot dl").hide();
$(".p_hot li h2").mouseover(function () {
$(this).next().show();

});
$(".p_hot li h2").mouseout(function () {
$(this).next().hide();

});
})
</script>
</head>
<body>
<div class="p_hot">
<ul>

<li>
<h2><a href="#" target="_blank">标题</a></h2>
<dl>
<dt><img src="$webdb[www_url]/images/v1/index/1.png" width="70" height="70" /></dt>
<dd>111111111111</dd>
</dl>
</li>

<li>
<h2><a href="#" target="_blank">标题</a></h2>
<dl>
<dt><img src="$webdb[www_url]/images/v1/index/1.png" width="70" height="70" /></dt>


<dd>111111111111</dd>
</dl>
</li>

</ul>
</div>
</body>
</html>



不知道楼主的意思是不是这样的

读书人网 >JavaScript

热点推荐