Question

my fiddle

        $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 slider dissapears.while我想连续显示主div，直到用户留在那个页面上..

Answer 1

我不确定我的问题是否正确，所以我希望其中一种方法可以帮助您：在您的代码中，您使用onmouseout，而不是onmouseover。你可以：

在mouseover和mouseout上使用$（...）。show（）和$（...）。hide（）。
看看$（...）。toggle（）将会带走一些工作。

Answer 2

<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是否有占位符，以便您可以将其鼠标移出和移出

使用JavaScript显示和隐藏div？

2 个答案: