日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
商品對(duì)比功能代碼分享

前段時(shí)間，朋友叫我?guī)退麑憘€(gè)商品對(duì)比功能，當(dāng)時(shí)正好在逛綠森數(shù)碼商城，點(diǎn)開商品列表，看到有商品對(duì)比功能，然后直接下載了他的JS滾動(dòng)文件和抽出了對(duì)比框的樣式，然后自己完善了下。

為岳陽(yáng)等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及岳陽(yáng)網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、岳陽(yáng)網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

下面是小菜自己寫的代碼，寫的不咋的，請(qǐng)老鳥不要見笑

示例頁(yè)面：http://mt.kgula.com/product/

#p#

商品對(duì)比功能代碼分享

商品對(duì)比調(diào)用的JS文件（包含了商品對(duì)比框浮動(dòng)JS）：

 
 
 
 
    
  
  
  
  
  1. /*浮動(dòng)窗口*/ 
    2. 
  
  
  
  
  2. (function(){      
    3. 
  
  
  
  
  3.     var n=10;  
    4. 
  
  
  
  
  4.     var obj=document.getElementById("goods-compare");  
    5. 
  
  
  
  
  5.     if(!obj){  
    6. 
  
  
  
  
  6.         return false;  
    7. 
  
  
  
  
  7.     }  
    8. 
  
  
  
  
  8.     var x=0;  
    9. 
  
  
  
  
  9.     window.onscroll=function(){  
    10. 
  
  
  
  
  10.         obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px';  
    11. 
  
  
  
  
  11.     };  
    12. 
  
  
  
  
  12.     window.onresize=function(){  
    13. 
  
  
  
  
  13.         obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px';  
    14. 
  
  
  
  
  14.     };      
    15. 
  
  
  
  
  15. })();  
    16. 
  
  
  
  
  16.  
    17. 
  
  
  
  
  17. //添加顯示對(duì)比框  
    18. 
  
  
  
  
  18. function addcompare(chk){  
    19. 
  
  
  
  
  19.     $('#goods-compare').fadeIn().show();  
    20. 
  
  
  
  
  20.     var count=$(".compare-box li").length;  
    21. 
  
  
  
  
  21.     if (count>2)//這里可以修改對(duì)比的數(shù)據(jù)哦  
    22. 
  
  
  
  
  22.     {  
    23. 
  
  
  
  
  23.         alert('產(chǎn)品比較最多選3種哦');  
    24. 
  
  
  
  
  24.         return;  
    25. 
  
  
  
  
  25.     }  
    26. 
  
  
  
  
  26.  
    27. 
  
  
  
  
  27.     $.ajax({  
    28. 
  
  
  
  
  28.         type: 'post',  
    29. 
  
  
  
  
  29.         url: 'ajax.php',  
    30. 
  
  
  
  
  30.         data: {  
    31. 
  
  
  
  
  31.             'action':'1',  
    32. 
  
  
  
  
  32.             'gid':chk.gid,//商品ID  
    33. 
  
  
  
  
  33.             'gname':chk.gname,//商品名稱  
    34. 
  
  
  
  
  34.             'gtype':chk.gtype//商品類別，類別不同時(shí)不能比較  
    35. 
  
  
  
  
  35.         },  
    36. 
  
  
  
  
  36.         cache: false,  
    37. 
  
  
  
  
  37.         async: false,  
    38. 
  
  
  
  
  38.         success: function(result) {  
    39. 
  
  
  
  
  39.             if(result!='')  
    40. 
  
  
  
  
  40.             {  
    41. 
  
  
  
  
  41.                 alert(result);  
    42. 
  
  
  
  
  42.             }else{  
    43. 
  
  
  
  
  43.                 var url='http://www.lusen.com/product-'+chk.gid+'.html';//設(shè)置商品的鏈接地址  
    44. 
  
  
  
  
  44.                 $(".compare-box").append("'"+chk.gname+"'
刪除")  
  •                 $("#comids").val($(".compare-box li").map(function(){//將對(duì)比的所有商品ID，賦值給#comids  
  •                     return $(this).attr('id');  
  •                 }).get().join(","));  
  •             }  
  •         }  
  •     });  
  • }  
  •  
  • //刪除對(duì)比產(chǎn)品  
  • function removecompare(id)  
  • {  
  •     $.ajax({  
  •         type: 'post',  
  •         url: 'ajax.php',  
  •         data: {  
  •             'action':'2',  
  •             'gid':id  
  •         },  
  •         cache: false,  
  •         success: function(result) {  
  •             $("#"+id).remove();  
  •             $("#comids").val($(".compare-box li").map(function(){  
  •                 return $(this).attr('id');  
  •             }).get().join(","));  
  •         }  
  •     });  
  •     
  • }  
  • //清空對(duì)比產(chǎn)品  
  • function clearcompare()  
  • {      
  •     $.ajax({  
  •         type: 'post',  
  •         url: 'ajax.php',  
  •         data: {  
  •             'action':'3' 
  •         },  
  •         cache: false,  
  •         success: function(result) {  
  •             $(".compare-box").html('');  
  •             $("#comids").val('');  
  •         }  
  •     });  
  • }  
  • //顯示對(duì)比框  
  • function showcompare()  
  • {  
  •     $.ajax({  
  •         type: 'post',  
  •         url: 'ajax.php',  
  •         data: {  
  •             'action':'4' 
  •         },  
  •         success: function(result) {  
  •             if(result){  
  •                 $(".compare-box").append(result);  
  •                 $("#comids").val($(".compare-box li").map(function(){  
  •                     return $(this).attr('id');  
  •                 }).get().join(","));  
  •                 $('#goods-compare').fadeIn().show();  
  •             }  
  •         }  
  •     });  
  •     
  • }  
  •  
  • //點(diǎn)擊關(guān)閉對(duì)比框  
  • $('.close-gc').click(function(){  
  •     $('#goods-compare').fadeOut().hide();  
  • }); 

    • 商品對(duì)比調(diào)用Ajax文件

     
 
 
 
      
  
  
  
  
    1. 
  
  
  
  
    2. function mb_unserialize($serial_str) {  
      3. 
  
  
  
  
    3.     $serial_str =stripslashes($serial_str);  
      4. 
  
  
  
  
    4.     return unserialize($serial_str);  
      5. 
  
  
  
  
    5. }  
      6. 
  
  
  
  
    6. if($_POST['action']=='1') {//add  
      7. 
  
  
  
  
    7.     if(isset($_COOKIE['gtype'])) {  
      8. 
  
  
  
  
    8.         if($_COOKIE['gtype']!=$_POST['gtype']) {  
      9. 
  
  
  
  
    9.             echo '對(duì)不起，您選擇的是不同類別的產(chǎn)品無(wú)法加入對(duì)比，請(qǐng)選擇同類產(chǎn)品或清空當(dāng)前對(duì)比欄再選擇。';  
      10. 
  
  
  
  
    10.             return;  
      11. 
  
  
  
  
    11.         }  
      12. 
  
  
  
  
    12.     }else {  
      13. 
  
  
  
  
    13.         setcookie('gtype',$_POST['gtype']);  
      14. 
  
  
  
  
    14.     }  
      15. 
  
  
  
  
    15.     if(isset($_COOKIE['gid'])) {  
      16. 
  
  
  
  
    16.         $arr_str = $_COOKIE['gid'];  
      17. 
  
  
  
  
    17.         $arr=mb_unserialize($arr_str);  
      18. 
  
  
  
  
    18.         if(count($arr)>2) {//商品比較數(shù)量  
      19. 
  
  
  
  
    19.             echo "商品比較最多選3種";  
      20. 
  
  
  
  
    20.             return;  
      21. 
  
  
  
  
    21.         }  
      22. 
  
  
  
  
    22.         foreach($arr as $val) {  
      23. 
  
  
  
  
    23.             if($val[0]==$_POST['gid']) {  
      24. 
  
  
  
  
    24.                 echo "該商品已經(jīng)加入對(duì)比框";  
      25. 
  
  
  
  
    25.                 return;  
      26. 
  
  
  
  
    26.             }  
      27. 
  
  
  
  
    27.         }  
      28. 
  
  
  
  
    28.         $info=array($_POST['gid'],$_POST['gname'],$_POST['gtype']);  
      29. 
  
  
  
  
    29.         $arr[]=$info;  
      30. 
  
  
  
  
    30.         $arr_str=serialize($arr);  
      31. 
  
  
  
  
    31.         setcookie('gid',$arr_str);  
      32. 
  
  
  
  
    32.     }else {  
      33. 
  
  
  
  
    33.         $info=array($_POST['gid'],$_POST['gname'],$_POST['gtype']);  
      34. 
  
  
  
  
    34.         $arr[]=$info;  
      35. 
  
  
  
  
    35.         $arr_str=serialize($arr);  
      36. 
  
  
  
  
    36.         setcookie('gid',$arr_str);  
      37. 
  
  
  
  
    37.     }  
      38. 
  
  
  
  
    38. }else if($_POST['action']=='2') {//delone  
      39. 
  
  
  
  
    39.     $id=$_POST['gid'];  
      40. 
  
  
  
  
    40.     $arr_str = $_COOKIE['gid'];  
      41. 
  
  
  
  
    41.     $arr=mb_unserialize($arr_str);     
      42. 
  
  
  
  
    42.     foreach($arr as $key=>$val) {  
      43. 
  
  
  
  
    43.         if($val[0]==$id) {  
      44. 
  
  
  
  
    44.             unset ($arr[$key]);  
      45. 
  
  
  
  
    45.         }  
      46. 
  
  
  
  
    46.     }  
      47. 
  
  
  
  
    47.     $arr_str=serialize($arr);      
      48. 
  
  
  
  
    48.     setcookie('gid',$arr_str);  
      49. 
  
  
  
  
    49. }else if($_POST['action']=='3') {//delall  
      50. 
  
  
  
  
    50.     setcookie('gid','');  
      51. 
  
  
  
  
    51.     setcookie('gtype','');  
      52. 
  
  
  
  
    52. }else if($_POST['action']=='4') {//showlist  
      53. 
  
  
  
  
    53.     if(isset($_COOKIE['gid'])) {  
      54. 
  
  
  
  
    54.         $data='';  
      55. 
  
  
  
  
    55.         $arr_str = $_COOKIE['gid'];  
      56. 
  
  
  
  
    56.         $arr=mb_unserialize($arr_str);   
      57. 
  
  
  
  
    57.         foreach ($arr as $val){            
      58. 
  
  
  
  
    58.             $url="http://www.lusen.com/product-".$val[0].".html";  
      59. 
  
  
  
  
    59.             $data.="{$val[1]}
    刪除";  
  •         }  
  •         echo $data;  
  •     }      
  • }  
  • ?> 

    • 本文題目：商品對(duì)比功能代碼分享
    轉(zhuǎn)載來(lái)于：http://m.5511xx.com/article/djhdgej.html