求代码！看了半天没找到原因！小白求解！该如何处理
日期：2014-05-17 浏览次数：20762 次
求代码！看了半天没找到原因！！！小白求解！！！
（绝非广告）这个网站http://www.hfhuamei.com/ 的 ★华美研美荟 栏目，如何实现图片滑动的啊？代码里面没有鼠标经过事件？！
代码如下
------解决方案--------------------
是通过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效果
（绝非广告）这个网站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效果
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
