2013-05-27 141 views
-5

my fiddle使用JavaScript显示和隐藏div?

 $szPostContent = $post->post_content; 
     $szSearchPattern = '#(<img.*?>)#'; 
     $a=''; 
     $aPics=''; 
     preg_match_all($szSearchPattern, $szPostContent, $aPics); 
     $iNumberOfPics = count($aPics); 
     echo "<br />Number of pics on each post...............".$iNumberOfPics; 
     array_push($postimg, $iNumberOfPics); 

$ iNumberofPics显示了从单一图像后... 看看演示..u会发现,在箭头imgthe滑块dissapears.while的鼠​​标悬停我想不间断的显示,主要DIV,直到用户仍然在那里...

+0

HTTP ://jsfiddle.net/AjAw9/5/ – Spokey

+0

@Spokey - 谢谢你的回复,但我想要显示的imagelider div和两个箭头类和mousel的imagelider div我想隐藏imagelider div –

回答

1
<div class='container' style='height:150px; width:225px;'> 
    <div class="imageslider" id="imageslider" style="border: 1px solid #000000; height:150px; width:225px;display:none"> 
     <img class="arrow left" style="border: 1px solid #000000; height:25px; width:25px; float:left; margin-top:50px;" /> 
     <div class="images"></div> 
     <img class="arrow right" style="border: 1px solid #000000; height:25px; width:25px; float:right; margin-top:50px;" /> 
    </div> 

和文字

$(".container").hover(function() { 
    $(this).find('.imageslider').show(); 
}, function() { 
    $(this).find('.imageslider').hide(); 
}); 

FIDDLE

.container是那里为了一个占位符你能够鼠标过来,出

1

我不知道如果我的问题得到了解决,所以我希望其中一种方法可以帮助您: 在您的代码中使用onmouseout而不是onmouseover。您可以:

  • 在mouseover和mouseout上使用$(...)。show()和$(...)。hide()。
  • 看看$(...)。toggle(),这将带走一些工作。