$.fn.TabiPanel = function(options){ var defaults = {tab: 0}; var opts = $.extend(defaults, options); var t = this; $(t).find('.wst-tab-nav .tab').click(function(){ $(this).addClass("on").siblings().removeClass("on"); var index = $(this).index(); $(t).find('.wst-tab-content .wst-tab-item').eq(index).show().siblings().hide(); if(opts.callback)opts.callback(index); }); $(t).find('.wst-tab-nav .tab').eq(opts.tab).click(); } $(function(){ WST.slides('.wst-slide'); $('#index-tab').TabiPanel({tab:0,callback:function(no){}}); }); /*楼层*/ function gpanelOver(obj){ var sid = $(obj).attr("id"); var index = $(obj).attr('c'); var ids = sid.split("_"); var preid = ids[0]+"_"+ids[1]; $("li[id^="+preid+"_]").removeClass("j-tab-selected"+index); $("#"+sid).addClass("j-tab-selected"+index); $("div[id^="+preid+"_]").hide(); $("#"+sid+"_pl").show(); } /*楼层商品 加入购物车*/ $('.goods').hover(function(){ $(this).find('.sale-num').hide(); $(this).find('.f-add-cart').show(); },function(){ $(this).find('.sale-num').show(); $(this).find('.f-add-cart').hide(); }) /*楼层右侧滚动广告*/ function floorAds(i){ var slide = $('#wst-floor-slide-'+i), li = slide.find("li"); var slidecontrols = $('#wst-floor-slide-controls-'+i), span = slidecontrols.find("span"); var index = 1, _self = null; span.bind("mouseover", function() { _self = $(this); index = span.index(_self); span.removeClass("curr"); span.eq(index).addClass("curr"); li.addClass("hide"); li.css("z-index", -1); li.css("display", "none"); li.eq(index).css("display", ""); li.eq(index).css("z-index", 1); li.eq(index).removeClass("hide"); clearInterval(timer); }); var timer = setInterval(function() { span.removeClass("curr"); span.eq(index).addClass("curr"); li.addClass("hide"); li.css("z-index", -1); li.css("display", "none"); li.eq(index).fadeToggle(500); li.eq(index).css("z-index", 1); li.eq(index).removeClass("hide"); index++; if (index >= span.length) index = 0; }, 3000); span.bind("mouseout", function() { timer = setInterval(function() { span.removeClass("curr"); span.eq(index).addClass("curr"); li.addClass("hide"); li.css("z-index", -1); li.css("display", "none"); li.eq(index).fadeToggle(500); li.eq(index).css("z-index", 1); li.eq(index).removeClass("hide"); index++; if (index >= span.length) index = 0; }, 4000); }); } $(function(){ //执行楼层右侧广告js var fRAds = $(this).find("div[id^='wst-floor-slide-controls-']").length; for(var i=1;i<=fRAds;++i){ floorAds(i); } //执行右侧底部商品切换js var fBgoods = $(this).find("ul[id^='styleMain']").length; for(var i=1;i<=fBgoods;++i){ var li = $('#styleMain'+i).find('li'); if(li.length>5){ fBGoods(i); }else{ li.each(function(){$(this).css('padding-bottom','0')}) } } }) function fBGoods(id){ $('#styleMain'+id).bxCarousel({ display_num: 5, move: 1, auto: 0, controls: true, prev_image: WST.conf.ROOT+'/hyhproject/home/view/default/img/btn_slide_left.png', next_image: WST.conf.ROOT+'/hyhproject/home/view/default/img/btn_slide_right.png', margin: 10, auto_hover: true }); } function loadImg(){ $('.fImg').lazyload({ failurelimit : 10,skip_invisible : false,threshold: 200,placeholder:window.conf.IMGURL+'/'+window.conf.GOODS_LOGO}); } /*左侧楼层导航*/ $(function() { loadImg(); }); $('.lnav').click(function(){ var i = $(this).index()+1; i = i+'F'; $("html,body").animate({scrollTop: $("a[name='"+i+"']").offset().top-7}, 500); }) function leftNav(){ //内容距离左边空白处宽度 var containerW = $('.wst-container').offset().left; left = containerW-40; $('#screen-left-nav').css('left', left); } $(window).resize(function(){leftNav()}); var currF,first=true; function cf(){ var sumFloor = $('.floor-box').length; for(var f=sumFloor;f>=1;--f){ var id = '#c'+f; if($(id).offset().top+500-$(window).scrollTop()>0){ currF = f; first = false; lcurr(f) } } } //内容高度 var containerH = parseInt($('.wst-main').css('height')); $(window).scroll(function(){ leftNav(); //滚动条当前高度 var scrollHeight = $(window).scrollTop(); // 楼层选中 if(first){ cf(); }else{ var cfh = $('#c'+currF).offset().top+500-$(window).scrollTop(); if(cfh<0 || cfh>1200)cf(); } if(scrollHeight>=462 && scrollHeight 0){ if(n <= 9){ n = n; } return String(n); }else{ return "0"; } }, count: function(){ if(opts.nowTime){ var d = new Date(); d.setTime(opts.nowTime.getTime()+1000); opts.nowTime = d; d = null; }else{ opts.nowTime = new Date(); } //现在将来秒差值 var dur = Math.round((opts.endTime.getTime() - opts.nowTime.getTime()) / 1000), pms = { sec: "0", mini: "0", hour: "0", day: "0" }; if(dur > 0){ pms.sec = f.zero(dur % 60); pms.mini = Math.floor((dur / 60)) > 0? f.zero(Math.floor((dur / 60)) % 60) : "0"; pms.hour = Math.floor((dur / 3600)) > 0? f.zero(Math.floor((dur / 3600)) % 24) : "0"; pms.day = Math.floor((dur / 86400)) > 0? f.zero(Math.floor(dur / 86400)) : "0"; } pms.last = dur; pms.nowTime = opts.nowTime; opts.callback(pms); if(pms.last>0)setTimeout(f.count, 1000); } }; f.count(); }; // 拍卖轮播 $(function(){ var _p = $('.aution_list'); var step = _p.width();// 步进值 var totalItem = $('.aution_list .aution_main').length;// 总拍卖商品数 if(totalItem==0)return; var au_lbtn = $('.au_l_btn'); var au_rbtn = $('.au_r_btn'); $('.ws-right-user').css({height:'85px',overflow:'hidden'});// 确保右侧不溢出轮播区域 var nowTime = new Date(Date.parse($('.aution_list').attr('sc').replace(/-/g, "/"))); // 倒计时 $('.aution_main').each(function(){ var g = $(this); var startTime = new Date(Date.parse(g.attr('sv').replace(/-/g, "/"))); var endTime = new Date(Date.parse(g.attr('ev').replace(/-/g, "/"))); if(startTime.getTime()<= nowTime && endTime.getTime() >=nowTime){ var opts = { nowTime: nowTime, endTime: endTime, callback: function(data){ if(data.last>0){ g.find('.aution_time .aution_h').html(data.hour); g.find('.aution_time .aution_i').html(data.mini); g.find('.aution_time .aution_s').html(data.sec); }else{ g.find('.aution_time').html('拍卖活动已结束'); } } }; WST.countDown(opts); }else{ g.find('.aution_time').html('拍卖活动已结束'); } }) // 设置父容器宽度 _p.css({width:totalItem+'00%'}); var _curr = 0;// 当前显示的index // 右切换按钮 au_rbtn.click(function(){ _curr++; if (_curr + 1 > totalItem) { _curr = 0 } au_s(); return false; }); // 左切换按钮 au_lbtn.click(function(){ _curr--; if (_curr + 1 < 1) { _curr = totalItem - 1 } au_s(); return false; }); function au_auto_swiper() { y = setInterval(function () { au_rbtn.click() }, 5000) } au_auto_swiper(); $('.aution_out').bind({ mouseover: function () { clearInterval(y);au_lbtn.show();au_rbtn.show(); }, mouseout: function () { au_auto_swiper();au_lbtn.hide();au_rbtn.hide(); } }) // 执行切换 function au_s(){ _p.stop().animate({left:-_curr*step}); } }) // 团购轮播 $(function(){ var g_list_time; var g_obj = $('.groupon_view'); var g_step = g_obj.width();// 步进值 var g_list = $('.groupon_list'); // 轮播对象 // 设置长度 var g_list_w = $('.groupon_list li').length; g_list.css({width:g_list_w*100+'%'}); var g_list_i = 0; // 按钮 $('.groupon_btns span').each(function(k,v){ $(this).mouseover(function(){ clearInterval(g_list_time); g_list_i = k; g_list_auto(); }) }); $('.groupon_btns').mouseout(function(){glistautoplay();}) function glistautoplay(){ clearInterval(g_list_time); g_list_time = setInterval(function(){ g_list_i++; if (g_list_i + 1 > g_list_w) { g_list_i = 0 } g_list_auto(); },3000); } function g_list_auto(){ g_list.stop().animate({left:-g_list_i*g_step}); $('.groupon_btns span').removeClass('curr').eq(g_list_i).addClass('curr') } glistautoplay(); }); // 楼层商品轮播 $(function(){ var a = $(".floor_silder"); a.each(function () { var q = $(this); var s = q.find("ul"); var t = q.find("ul li"); var c = q.find(".prev_btn"); var w = q.find(".next_btn"); var u = t.length; // q.find(".show_num").find("em").html(u); if (u == 1) { return } var p = 0; var y = 0; var x = 3000; // 轮播间隔 w.click(function () { // 下一张 p++; if (p + 1 > u) { p = 0 } z(p); v(); return false }); c.click(function () { // 上一张 p--; if (p + 1 < 1) { p = u - 1 } z(p); v(); return false }); function z(e) {// 执行轮播 switch (e) { case 2: t.eq(e).css("z-index", 100).stop().animate({ width: 155, height: 225, left: 20, top: 0 }); t.eq(e - 1).css("z-index", 80).stop().animate({ width: 195, height: 170, left: 0, top:30 }); t.eq(e - 2).css("z-index", 90).stop().animate({ width: 175, height: 200, left: 10, top: 15 }); t.eq(e).find(".color_mask").stop().animate({ opacity: 0 }); t.eq(e - 1).find(".color_mask").stop().animate({ opacity: 0.7 }); t.eq(e - 2).find(".color_mask").stop().animate({ opacity: 0.5 }); break; default: t.eq(e).css("z-index", 100).stop().animate({ width: 155, height: 225, left: 20, top: 0 }); t.eq(e - 1).css("z-index", 80).stop().animate({ width: 195, height: 170, left: 0, top: 30 }); t.eq(e + 1).css("z-index", 90).stop().animate({ width: 175, height: 200, left: 10, top: 15 }); t.eq(e).find(".color_mask").stop().animate({ opacity: 0 }); t.eq(e - 1).find(".color_mask").stop().animate({ opacity: 0.7 }); t.eq(e + 1).find(".color_mask").stop().animate({ opacity: 0.5 }); } } function v() { // 当前显示张数 q.find(".show_num").find("span").removeClass('curr').eq(p).addClass('curr'); } function r() { y = setInterval(function () { w.click() }, x) } r(); $(this).bind({ mouseover: function () { clearInterval(y) }, mouseout: function () { r() } }) }) })