2013-05-27 2 views
-5

my fiddleПоказать и скрыть div с помощью JavaScript?

 $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 - Спасибо за ответ, но я хотел показать, что divs div и diva, а также два класса стрелок и на mouseout divider divider я хочу скрыть, что divlider 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. Вы можете:

  • Используйте кнопки $ (...). Show() и $ (...). Hide() для мыши и мыши.
  • Посмотрите на $ (...). Toggle(), который заберет некоторую работу.
Смежные вопросы