求代码！看了半天没找到原因！小白求解！该如何处理

求代码！看了半天没找到原因！！！小白求解！！！
（绝非广告）这个网站http://www.hfhuamei.com/ 的 ★华美研美荟 栏目，如何实现图片滑动的啊？代码里面没有鼠标经过事件？！
代码如下  

 

HTML code

<div class="partbg">        <div class="tatap">          <h2 class="tah2">★华美研美荟</h2>          <div class="crowd"><h3 class="on">明星贵妇</h3><div class="photo"><a href="/rq/mxgf/index.html"><img src="/skins/2011/images/6drq/r1.jpg" width="194" height="115" title="明星贵妇" /></a></div><h3>魅力嘉人</h3><div class="photo"><a href="/rq/mljr/index.html"><img src="/skins/2011/images/6drq/r2.jpg" width="194" height="115" title="魅力嘉人" /></a></div><h3>美丽少妇</h3><div class="photo"><a href="/rq/mlsf/index.html"><img src="/skins/2011/images/6drq/r3.jpg" width="194" height="115" title="美丽少妇" /></a></div><h3>时尚丽人</h3><div class="photo"><a href="/rq/sslr/index.html"><img src="/skins/2011/images/6drq/r4.jpg" width="194" height="115" title="时尚丽人" /></a></div><h3>精致芭比</h3><div class="photo"><a href="/rq/jzbb/index.html"><img src="/skins/2011/images/6drq/r5.jpg" width="194" height="115" title="精致芭比" /></a></div><h3>青春女孩</h3><div class="photo"><a href="/rq/qcnh/index.html"><img src="/skins/2011/images/6drq/r6.jpg" width="194" height="115" title="青春女孩" /></a></div></div>          <!--for crowd-->          <p><img src="/skins/a/images/hf19.jpg" width="196" height="1" /></p>        </div>        <!--for tatap--> 

[解决办法]
是通过javascript+css控制的，给元素添加样式

<script language="javascript">

gp=[];

gp["AreaA"]=["2"];

gp["AreaC"]=["6"];

gp["AreaB"]=["2"];

gp["AreaD"]=["10"];

$(document).ready(function() {

$('div.crowd:eq(0)> div:gt(0)').hide();

$('div.crowd:eq(0)> h3').mouseover(function() {

$(this).siblings('h3').removeClass('on');

$(this).addClass('on');

$(this).next('div:hidden').slideDown('fast')

.siblings('div:visible').slideUp('fast');

});

});

</script>

[解决办法]
先获取父级CLASS
然后，给子级增加JS效果

查看更多 下一篇