$(document).ready(function(){ //漂浮广告定位 var window_width = $(window).width(); var ad_fl = window_width/2-520-$("#ad_float_left").width(); //自定义*漂浮层距离页面左边的初始宽度 var ad_fr = window_width/2+520; var ad_top = 550; //自定义*漂浮层距离页面顶部的初始高度 var nav_top = ad_top+$("#ad_float_right").height()+30; var cp_top = ad_top-$("#float_cp").height()-20; var scrollheight; //定义滚动条高度 $("#ad_float_left").css("left",ad_fl); //定位初始宽度 $("#ad_float_right").css("left",ad_fr); $("#float_nav").css("left",ad_fr); $("#float_cp").css("left",ad_fr); $("#ad_float_left").css("top",ad_top); //定位初始高度 $("#ad_float_right").css("top",ad_top); $("#float_nav").css("top",nav_top); $("#float_cp").css("top",cp_top); $("#ad_float_left").css("display","block"); //定位完初始位置后再显示 $("#ad_float_right").css("display","block"); $("#float_nav").css("display","block"); $("#float_cp").css("display","block"); $(window).scroll(function(){ //当滚动条滚动时触发 scrollheight = $(document).scrollTop(); //计算滚动条的偏移 if (scrollheight>=0){ $("#ad_float_left").css("top",scrollheight+ad_top); //重新定位top $("#ad_float_right").css("top",scrollheight+ad_top); $("#float_nav").css("top",scrollheight+nav_top); $("#float_cp").css("top",scrollheight+cp_top); } }); //焦点图 $(" .top2right .menu ul li").click(function(){ $(this).addClass("yes").siblings().removeClass("yes"); var i=$(this).index(); $(" .top2right .box ul li").eq(i).fadeIn(1000).siblings().hide(); }); function focus(){ var i=$(" .top2right .menu ul .yes").index()+1; if(i>4){i=0;}; $(" .top2right .menu ul li").eq(i).addClass("yes").siblings().removeClass("yes"); $(" .top2right .box ul li").eq(i).fadeIn(1000).siblings().hide(); } $(function(){ var auto_focus=setInterval(focus,5000) $(" .top2right").hover(function(){clearInterval(auto_focus);},function(){auto_focus=setInterval(focus,5000);}); }); //切屏 $(".content4 .dongtai .dongtai1 ul li").mouseover(function(){ $(this).addClass("yes").siblings().removeClass("yes"); $(".content4 .dongtai .dongtai2").hide(); var i=$(this).index(); $(".content4 .dongtai .dongtai2").eq(i).slideDown(500); }); function dongtai(){ var n=$(".content4 .dongtai .dongtai1 ul li").length; var i=$(".content4 .dongtai .dongtai1 .yes").index()+1; if(i>9){i=0;}; $(".content4 .dongtai .dongtai1 ul li").eq(i).addClass("yes").siblings().removeClass("yes"); $(".content4 .dongtai .dongtai2").hide(); $(".content4 .dongtai .dongtai2").eq(i).slideDown(1000); } $(function(){ var auto_dongtai=setInterval(dongtai,3000); $(".dongtai").hover(function(){clearInterval(auto_dongtai);},function(){auto_dongtai=setInterval(dongtai,3000);}); }); //商品滚动列表 var $pk = true; //防止连续点击 function pk60n(){ if($pk){ $pk = false; $(".yaowen .box ul").css({marginLeft:-256}).find("li:last").prependTo($(".yaowen .box ul")); $(".yaowen .box ul").stop().animate({marginLeft:0},1000,function(){ $pk = true; }); } } function pk60p(){ if($pk){ $pk = false; $(".yaowen .box ul").stop().animate({marginLeft:-256},1000,function(){ $(".yaowen .box ul").css({marginLeft:0}).find("li:first").appendTo($(".yaowen .box ul")); $pk = true; }); } } $(".yaowen .left").click(function(){ pk60n(); }); $(".yaowen .right").click(function(){ pk60p(); }); $(function(){ //自动函数,3000(3秒)为间隔时间,可以自行修改 var auto_pk60=setInterval(pk60p,3000) $(".yaowen").hover(function(){clearInterval(auto_pk60);},function(){auto_pk60=setInterval(pk60p,3000);}); }); });