首页

源码搜藏网

首页 > 网页特效 > 焦点图 >

jQuery宽屏左右缓动焦点图

创建时间:2014-05-13 13:50  

jQuery宽屏左右缓动焦点图
jQuery宽屏左右缓动焦点图
效果预览 立即下载
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;
}
上一篇:flexslider制作支付宝2013版幻灯片精美特效
下一篇:可关闭的jQuery焦点图特效

相关内容

热门推荐

  1. 1
/ 1
  1. 1
/ 1