<!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,但是好像都不行,不知道是版本有问题,还是我的代码写法错了,求大神调教。
码农2号
相关分类