请问jQuery的鼠标移入移出闪烁怎么解决

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery-1.8.2.min.js"></script>

</head>

<body>

<div class="work">

    <p class="mainTitle">NEW PROJECTS</p>

    <div class="mainSub"></div>

    <span class="mainInfo">最新案例</span>

    <div class="content">

    <a href="javascript:;">

            <div class="child">

                <img class="childImg" src="/templets/default/img/a12.jpg">

                <div class="childHide">

                    <div class="childTag">

                        <p>6pima</p>

                        <p>DESIGN</p>

                        <div class="childSub"></div>

                    </div>

                    <div class="childContent">

                        <p class="title">聪信</p>

                        <p class="info">

                        </p>

                    </div>

                    <img class="childPointer" src="/templets/default/img/hidePointer.png">

                </div>

            </div>

        </a>

    <a href="javascript:;">

            <div class="child">

                <img class="childImg" src="/templets/default/img/a7.jpg">

                <div class="childHide">

                    <div class="childTag">

                        <p>6pima</p>

                        <p>DESIGN</p>

                        <div class="childSub"></div>

                    </div>

                    <div class="childContent">

                        <p class="title">中山乐宜嘉家居设备有限公司</p>

                        <p class="info">

                        </p>

                    </div>

                    <img class="childPointer" src="/templets/default/img/hidePointer.png">

                </div>

            </div>

        </a>

</div>

<script>

  $().ready(function(){

      $(".childImg").hover(function(){

          var _index1 = $(".childImg").index(this);

          $(".childHide").stop(true,true).eq(_index1).fadeIn(200).show();

      },function(){

          var _index1 = $(".childImg").index(this);

          $(".childHide").stop(false,false).eq(_index1).fadeOut(200).hide();

      })

  });

</script>

stop()方法也试了,有得说true,true,有的说false,true,但是好像都不行,不知道是版本有问题,还是我的代码写法错了,求大神调教。

风轻云淡3582301
浏览 2593回答 1
1回答

码农2号

fadeIn(200).show()和fadeOut(200).hide()只要一个就行了,效果类似的。另外用mouseenter事件
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript