php商品对比功能代码分享

1. /*浮动窗口*/ 
2. (function(){   
3.   var n=10; 
4.   var obj=document.getElementById("goods-compare"); 
5.   if(!obj){ 
6.     return false; 
7.   } 
8.   var x=0; 
9.   window.onscroll=function(){ 
10.     obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px'; 
11.   }; 
12.   window.onresize=function(){ 
13.     obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px'; 
14.   };   
15. })(); 
16.   
17. //添加显示对比框 
18. function addcompare(chk){ 
19.   $('#goods-compare').fadeIn().show(); 
20.   var count=$(".compare-box li").length; 
21.   if (count>2)//这里可以修改对比的数据哦 
22.   { 
23.     alert('产品比较最多选3种哦'); 
24.     return; 
25.   } 
26.   
27.   $.ajax({ 
28.     type: 'post', 
29.     url: 'ajax.php', 
30.     data: { 
31.       'action':'1', 
32.       'gid':chk.gid,//商品ID 
33.       'gname':chk.gname,//商品名称 
34.       'gtype':chk.gtype//商品类别，类别不同时不能比较 
35.     }, 
36.     cache: false, 
37.     async: false, 
38.     success: function(result) { 
39.       if(result!='') 
40.       { 
41.         alert(result); 
42.       }else{ 
43.         var url='http://www.lusen.com/product-'+chk.gid+'.html';//设置商品的链接地址 
44.         $(".compare-box").append("<li class='division clearfix' id='"+chk.gid+"'><div class='span-3'><a href='"+url+"' target='_blank' title='"+chk.gname+"'>'"+chk.gname+"'</a></div><span onclick="removecompare('"+chk.gid+"');">删除</span></li>") 
45.         $("#comids").val($(".compare-box li").map(function(){//将对比的所有商品ID，赋值给#comids 
46.           return $(this).attr('id'); 
47.         }).get().join(",")); 
48.       } 
49.     } 
50.   }); 
51. } 
52.   
53. //删除对比产品 
54. function removecompare(id) 
55. { 
56.   $.ajax({ 
57.     type: 'post', 
58.     url: 'ajax.php', 
59.     data: { 
60.       'action':'2', 
61.       'gid':id 
62.     }, 
63.     cache: false, 
64.     success: function(result) { 
65.       $("#"+id).remove(); 
66.       $("#comids").val($(".compare-box li").map(function(){ 
67.         return $(this).attr('id'); 
68.       }).get().join(",")); 
69.     } 
70.   }); 
71.    
72. } 
73. //清空对比产品 
74. function clearcompare() 
75. {   
76.   $.ajax({ 
77.     type: 'post', 
78.     url: 'ajax.php', 
79.     data: { 
80.       'action':'3' 
81.     }, 
82.     cache: false, 
83.     success: function(result) { 
84.       $(".compare-box").html(''); 
85.       $("#comids").val(''); 
86.     } 
87.   }); 
88. } 
89. //显示对比框 
90. function showcompare() 
91. { 
92.   $.ajax({ 
93.     type: 'post', 
94.     url: 'ajax.php', 
95.     data: { 
96.       'action':'4' 
97.     }, 
98.     success: function(result) { 
99.       if(result){ 
100.         $(".compare-box").append(result); 
101.         $("#comids").val($(".compare-box li").map(function(){ 
102.           return $(this).attr('id'); 
103.         }).get().join(",")); 
104.         $('#goods-compare').fadeIn().show(); 
105.       } 
106.     } 
107.   }); 
108.    
109. } 
110.   
111. //点击关闭对比框 
112. $('.close-gc').click(function(){ 
113.   $('#goods-compare').fadeOut().hide(); 
114. });