jquery腾讯换肤的一些技术实现

  1. //检查cookie  
  2. if($.cookie("skinID")){  
  3.     $("#cssSkin").attr("href","/study/css/qqskin/s" + $.cookie("skinID") + "v091212.css");    
  4. }  
  5.   
  6. $(function(){  
  7.     //点击  
  8.     $(".skinList > li").each(function(){  
  9.         $(this).click(function(){  
  10.             var id = $(this).attr("id");  
  11.             var m = 1;  
  12.             if(id !== "def"){  
  13.                 m = parseInt(id.slice(-1))+1;  
  14.             }  
  15.             var href = "/study/css/qqskin/s" + m + "v091212.css";  
  16.             $("#cssSkin").attr("href",href);  
  17.             //设置cookie  
  18.             $.cookie("skinID",m);  
  19.         });                               
  20.     });          
  21. });  
  22. };  

https://www.zhangxinxu.com/study/200912/qq-home-page-skin-jquery.html

posted @ 2019-01-15 16:31  web前端参天大圣  阅读(408)  评论(0)    收藏  举报