切换主广告有明白的来！！求助啊，弄好就分享

2016-07-07 16:16 来源：www.chinab4c.com 作者：ecshop专家



看看我的主广告的界面，是从masamaso提取出来的，虽然图片可以正常切换，可是鼠标点到下面相应的图片上上面的图片不做回应
我的网址是：www.3cji.com
有高手帮我看下啊，在下感谢了。

回答：
自己先顶一下啊。有人来么

我自己再定，就没有人能帮帮我么？

人都哪去了啊。没人回答啊

/*以下是index 样式*/
/*banner*/
.banner{float:left; width:730px; height:430px; overflow:hidden;}
.banner .big_pic{clear:both; width:730px; height:360px; overflow:hidden;}
.banner .big_pic img{width:730px; height:360px;}
.banner .sub_pic{clear:both; width:726px; height:64px; padding:3px 1px 1px 1px; overflow:hidden; border:1px solid #353535; background:#000000 url(images/banner_sub_bg.gif) repeat-x;}
.banner .sub_pic li{ float:left; width:142px; height:64px; padding:0 1px 0 2px; overflow:hidden;}
.banner .sub_pic li img{width:140px; height:62px; border:1px solid #4E4E4E;}
.banner .sub_pic li a:hover img{width:140px; height:62px; border:1px solid #9D9D9D;}
/*new banner*/
.SlidePlayer {position:relative;float:left; width:730px; height:430px; overflow:hidden;}
.SlidePlayer ul {position:relative;list-style:none;margin:0;padding:0;clear:both; width:730px; height:360px; overflow:hidden;}
.SlidePlayer-List li {position:absolute;top:0;left:0;display:none; width:730px; height:360px; overflow:hidden;}
.SlidePlayer-List li img{width:730px; height:360px;}
.SlidePlayer-List li.selected {display:block;}
ul.SlidePlayer-Trigger {
position:absolute;
bottom:0px;
right:0px;
z-index:11;
clear:both;
width:720px;
height:60px;
margin:0 auto;
padding:5px 5px;
overflow:hidden;
background-image: url(images/index_flash_sub_bg.gif);
background-repeat: no-repeat;
background-position: left top;
}
.SlidePlayer-Trigger li {cursor:pointer;float:left; width:140px; height:58px; border:1px solid #C9C9C9; margin:0 1px; overflow:hidden;}
.SlidePlayer-Trigger li img{width:140px; height:58px}
.SlidePlayer-Trigger li.selected {border:1px solid #4A3E3E;}

这是css样式

这个是ad.lbi文件
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<div class="SlidePlayer">
<ul class="SlidePlayer-List">

<li style="z-index: 1; display: none;" class=""><a href="#" target="_blank"><img src="images/1254166448742489780.jpg"></a></li>
<li style="z-index: 1;display: none;" class=""><a href="#" target="_blank"><img src="images/1255982594016819263.jpg"></a></li>
<li style="z-index: 1;" class="selected"><a href="#" target="_blank"><img src="images/1255982520817633422.jpg"></a></li>
<li style="z-index: 1; display: none;" class=""><a href="#" target="_blank"><img src="images/1256147391732105872.jpg"></a></li>
<li style="z-index: 1; display: none;" class=""><a href="#" target="_blank"><img src="images/1254166439101639333.jpg"></a></li>

</ul>
<ul class="SlidePlayer-Trigger">
<li class=""><a href="#" target="_blank"><img src="images/1254166506325546657.jpg"></a></li>
<li class=""><a href="#" target="_blank"><img src="images/1255985733773668236.jpg"></a></li>
<li class="selected"><a href="#" target="_blank"><img src="images/1255985695307934207.jpg"></a></li>
<li class=""><a href="#" target="_blank"><img src="images/1256147715411399528.jpg"></a></li>
<li class=""><a href="#" target="_blank"><img src="images/1254166482241077505.jpg"></a></li>
</ul>
</div>
<script>
(function($) {
var slide;
var index=0;
var count=0;
var time=3000;
var done=true;
$.fn.SlidePlayer=function() {

count=$('.SlidePlayer-List li',this[0]).length;

startSlide($('.SlidePlayer-List li',this[0])[0]);
$('.SlidePlayer-Trigger li').bind('mousemove',function() {
if(done&&!$(this).is('.selected')) {

Slide($(this).parent().find('>').index(this),this);
}
});
};

function Slide(ix,obj) {
if(ix>=0) index=ix;
else index++;

if(index>count-1) index=0;


stopSlide();
done=false;
var father=$(obj).parents('.SlidePlayer:eq(0)');
var list=$('.SlidePlayer-List',father);
var trigger=$('.SlidePlayer-Trigger',father);
var old=$('>.selected',list);
if(old.length>0) {
old.css('z-index',10);
$('>:eq('+index+')',list).addClass('selected').show();
old.fadeOut(300,function() {
$(this).css('z-index',1).removeClass('selected');
done=true;
startSlide(obj);
});
trigger.find('li.selected').removeClass('selected');
$('>:eq('+index+')',trigger).addClass('selected');
}
}

function stopSlide(){
clearTimeout(slide);
}

function startSlide(obj){
slide=setTimeout(function() {Slide(-1,obj)},time);
}
})(jQuery);
</script>
<script>
$(function() {
$('.SlidePlayer').SlidePlayer();
});
</script>

我自己继续顶啊，急啊