jquer总结

放大境效果

<script type="text/javascript">     $(function(){                     $(".jqzoom").jqueryzoom({                         xzoom:300,                         yzoom:300,                         offset:10,                     })                 })

 

衣服换色

$(function(){         $(".color_change ul li img").click(function(){                          var imgSrc = $(this).attr("src");               var i = imgSrc.lastIndexOf(".");               var unit = imgSrc.substring(i);               imgSrc = imgSrc.substring(0,i);               var imgSrc_small = imgSrc + "_one_small"+ unit;               var imgSrc_big = imgSrc + "_one_big"+ unit;               $("#bigImg").attr({"src": imgSrc_small ,"jqimg": imgSrc_big });               $("#thickImg").attr("href", imgSrc_big);               var alt = $(this).attr("alt");               $(".color_change strong").text(alt);               var url = imgSrc+".html";               $(".pro_detail_left ul li img")                     .empty()                     .load(url);         });     });     

购物车

$(function(){             var $product = $(".pro_detail_right");             $("#cart a").click(function(){                 var pro_name = $product.find("h4:first").text();                 var pro_size = $product.find(".pro_size strong").text();                 var pro_color =  $(".color_change strong").text();                 var pro_num = $product.find("#num_sort").val();                 var pro_price = $product.find(".pro_price span").text();                 var dialog = " 感谢您的购买。\n您购买的\n"+                         "产品是："+pro_name+"；\n"+                         "尺寸是："+pro_size+"；\n"+                         "颜色是："+pro_color+"；\n"+                         "数量是："+pro_num+"；\n"+                         "总价是："+pro_price +"元。";                 if( confirm(dialog) ){                     alert("您已经下单!");                 }                 return false;//避免页面跳转             })          })