当前位置:首页 > 网页特效 > 焦点图 >

jQuery宽屏左右缓动焦点图

时间:2014-05-13 13:50 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载


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;
}
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

焦点图下载排行

最新文章