jQuery宽屏左右缓动焦点图jQuery宽屏左右缓动焦点图是一款宽屏左右缓动滚动图文焦点图代码，左右切换，带左右箭头和索引小按钮，支持自动轮播。jQuery宽屏左右箭头自动轮播 所属专题：焦点图代码
function mouseIn(id){
$(id).children().stop(true,true).animate({opacity:"1"},400,"easeInOutBounce")
}
function mouseOut(id){
$(id).children().stop(true,true).animate({opacity:"0"},400,"easeInOutBounce")
}
$(".prove_index").click(function(){
$(".banner_nav li").eq($(".banner_nav li.current").index()-1).children("a").click();
});
$(".next_index ").click(function(){
$(".banner_nav li").eq($(".banner_nav li.current").index()+1).children("a").click();
});
$(".next_index").click(function(){
if($(".banner_nav li.current").index()==6){
$(".banner_nav li").eq(0).children("a").click();
};
});
$(".banner_container").mouseover(function(){
$(".prove_index,.next_index").show()
});
$(".banner_container").mouseout(function(){
$(".prove_index,.next_index").hide()
});
$(document).ready(function(e) {
var url = window.location.href //获取当前URL
if(url.indexOf("?") > 0 ) {
var cutUrl = url.split("?");//用“?”将URL分割成2部分
var par = cutUrl[1];
var idParCut = par.split("=");
var tid = idParCut[1];
if(tid==2){$(".banner_nav li").eq(1).children("a").click()}
if(tid==3){$(".banner_nav li").eq(2).children("a").click()}
if(tid==4){$(".banner_nav li").eq(3).children("a").click()}
if(tid==5){$(".banner_nav li").eq(4).children("a").click()}
if(tid==6){$(".banner_nav li").eq(5).children("a").click()}
if(tid==7){$(".banner_nav li").eq(6).children("a").click()}
else{return false}
}
else{
return false;
}
jQuery宽屏左右缓动焦点图由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/7677.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
兼容IE8的jQuery幻灯片切换代码
jQuery全屏banner图片切换焦点图简洁代码
基于slick幻灯片插件制作的一款jQuery背景图片切换效果
jQuery带视觉差效果幻灯片代码
jQuery多种切片过渡动画幻灯片代码