<!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,但是好像都不行,不知道是版本有问题,还是我的代码写法错了,求大神调教。
添加回答
举报
0/150
提交
取消