1 a.selected:before{ /*这个：before 是说在a.selected前面的意思*/
 2     content: "";
 3     display: block;
 4     border-width: 1px;
 5     border-color: #b00000;
 6     border-style: solid;
 7     width : 90px;
 8     height: 0px;
 9     position: absolute;
10     top: -1px;
11     margin-left: -1px;
12 }
13 a.selected:after{
14     content: "";
15     display: block;
16     border-color: #b00000 transparent transparent;
17     border-style: solid;
18     border-width: 5px;
19     width: 0px;
20     height: 0px;
21     position: absolute;
22     top: -1px;
23     left: 50%;
24     margin-left: -5px;
25 }

 1 $("img.smallImage").mouseenter(function(){ /*通过$()获取类名是smallImage的小图片元素，触发鼠标进入事件*/
 2     var bigImageURL = $(this).attr("bigImageURL"); /*获取小图片对应的大图片的url*/
 3        $("img.bigImg").attr("src",bigImageURL); /*通过attr()函数修改大图片的src属性，真是巧妙啊！这样也不用像我的思路那样去获取位置信息了，简简单单的修改一下src属性就搞定了*/
 4 });
 5
 6 $("img.bigImg").load( /*这个函数其实没有也可以。但是这个函数是做什么用的呢？当大图片在加载的过程中，那每次打开页面就会加载这个大图片，触发事件*/
 7     function(){
 8         $("img.smallImage").each(function(){ /*遍历所有类名是smallImage的img，通过attr()函数获取自定义属性bigImageURL，即对应的大图片*/
 9             var bigImageURL = $(this).attr("bigImageURL");
10             img = new Image(); /*new一个图像对象img*/
11             img.src = bigImageURL; /*给对象img的属性src赋值，值就是大图片的url*/
12
13             img.onload = function(){ /*onload时间就是页面或图片加载完成后就执行后面的内容*/
14                 console.log(bigImageURL); /*把url打印到控制台*/
15                 $("div.img4load").append($(img)); /*把img添加到img4load这个div中，这个div添加了hide类，所以图片不会显示*/
16             };
17         });
18     }
19 );

 1 <script>
 2
 3 $(function(){
 4     var stock = 66; /*表示最大库存*/
 5     $(".productNumberSetting").keyup(function(){ /*input框，发生键盘弹起事件*/
 6         var num= $(".productNumberSetting").val();
 7         num = parseInt(num);
 8         if(isNaN(num))
 9             num= 1;
10         if(num<=0)
11             num = 1;
12         if(num>stock)
13             num = stock;
14         $(".productNumberSetting").val(num);
15     });
16
17     $(".increaseNumber").click(function(){ /*鼠标单击*/
18         var num= $(".productNumberSetting").val();
19         num++;
20         if(num>stock)
21             num = stock;
22         $(".productNumberSetting").val(num);
23     });
24     $(".decreaseNumber").click(function(){
25         var num= $(".productNumberSetting").val();
26         --num;
27         if(num<=0)
28             num=1;
29         $(".productNumberSetting").val(num);
30     });
31
32 });
33
34 </script>

 1 <script>
 2 $(function(){
 3     $("div.productReviewDiv").hide(); /*默认评价隐藏*/
 4     $("a.productDetailTopReviewLink").click(function(){ /*点击评价按钮时，显示评价div，隐藏详情div*/
 5         $("div.productReviewDiv").show();
 6         $("div.productDetailDiv").hide();
 7     });
 8     $("a.productReviewTopPartSelectedLink").click(function(){ /*点击详情按钮时，显示详情div，隐藏评价div*/
 9         $("div.productReviewDiv").hide();
10         $("div.productDetailDiv").show();
11     });
12 })
13 </script>