为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

风轻云淡3582301 2018-04-14 16:37:04
<!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,但是好像都不行,不知道是版本有问题,还是我的代码写法错了,求大神调教。
查看完整描述

1 回答

已采纳
?
码农2号

TA贡献151条经验 获得超48个赞

fadeIn(200).show()和fadeOut(200).hide()只要一个就行了,效果类似的。另外用mouseenter事件

查看完整回答
3 反对 回复 2018-04-18
  • 1 回答
  • 0 关注
  • 2592 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信