仿京東

jQuery.noConflict(); //將變量$的控制權讓出

jQuery(document).ready(function($) 

/*start*/

/*選擇顏色*/

$(".colorBlock").click(function(){

    $(this).addClass("on").siblings().removeClass("on");

var numli=$(this).index()-1;

$(".RollFormView").eq(numli).css({'display':'block'}).siblings().css({'display':'none'});

  });

/*尺寸*/

$(".sizeBlock").click(function(){

    $(this).addClass("on").siblings().removeClass("on");

  });

/*輪播圖*/

$(".hdnum li").mouseover(function(){

var numli=$(this).index();

$(this).parent().parent().prev().children().eq(numli).addClass("on").siblings().removeClass("on");

    $(this).addClass("on").siblings().removeClass("on");

  });

/*換頁*/ 

$(".FormViewS #spec-left").click(function(){

var specLprS=$(this).prev().children().eq(0);

    $(this).prev().append(specLprS);

var specLpr=$(this).parent().prev().children().eq(0);

    $(this).parent().prev().append(specLprs);

  });

  $(".FormViewS #spec-right").click(function(){

var specRprS=$(this).prev().prev().children().eq(0);

    $(this).prev().prev().append(specRprS);

var specLprL=$(this).parent().prev().children().eq(0);

    $(this).parent().prev().append(specLprL);

  });

  /*放大*/

  $(".RollFormView .smailscreen").click(function(){

var CLSS=$(this).clone(true).attr("class","").addClass("zzsc-content");

$(".largefullzzsc").css({'display':'block'}).prepend(CLSS);

  });

  /*換大圖*/

   $(".largefullzzsc button.mfp-arrow-left").click(function(){

$(".zzsc-content div.on").prev().addClass("on").siblings().removeClass("on");

  });

     $(".largefullzzsc button.mfp-arrow-right").click(function(){

$(".zzsc-content div.on").next().addClass("on").siblings().removeClass("on");

  });

     $(".RollFormView button.mfp-arrow-left").click(function(){

$(this).prev().children(".hdnum").children(".on").prev().addClass("on").siblings().removeClass("on");

$(this).prev().prev().children(".on").prev().addClass("on").siblings().removeClass("on");

  });

     $(".RollFormView button.mfp-arrow-right").click(function(){

$(this).prev().prev().children("ul.hdnum").children(".on").next().addClass("on").siblings().removeClass("on");  

$(this).prev().prev().prev().children(".on").next().addClass("on").siblings().removeClass("on");

  });

  /*關大圖*/

$(".zzscbg").click(function(){

$(this).prev().remove();

$(this).parent().css({'display':'none'});

  });  

/*end*/ 


}) 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章