☰

jQuery CssDynamic

A dinamic system to customize style css. It append the rules in the end of body

2017-01-16 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greatest.deepsurf.us/scripts/26587/169672/jQuery%20CssDynamic.js을(를) 사용하여 포함하는 라이브러리입니다. 

  1. // ==UserScript==
  2. // @author         Matteo Burbui @maxeo90
  3. // @name           jQuery CssDynamic
  4. // @description    A dinamic system to customize style css. It append the rules in the end of body
  5. // @license        https://creativecommons.org/licenses/by-sa/4.0/
  6. // @version        1.0
  7. // @grant          none
  8. // ==/UserScript==
  9.  
  10. (function( $ ){
  11.    $.fn.cssDynamic = function(prop) {
  12.      var selector=$(this).selector;
  13.      var data,fval,action,idStyle;
  14.      
  15.      if(typeof(prop)=='object'){
  16.       fval=1,data='';
  17.       for (var k in prop){
  18.         if (prop.hasOwnProperty(k)) {
  19.           data+=k+':'+prop[k]+';'
  20.         }
  21.       }
  22.      }else if(arguments[1]!=undefined){
  23.        fval=2;
  24.        data=arguments[0]+':'+arguments[1]
  25.      }else if(prop=='remove'){
  26.        fval=0;
  27.      } else{return 'error'}
  28.      action=(arguments[fval]==undefined)?'add':arguments[fval];
  29.      idStyle=(arguments[fval+1]==undefined)?'cssDynamic':arguments[fval+1];
  30.      
  31.      switch(action) {
  32.       case 'new':
  33.         actNew()
  34.         break;
  35.       case 'add':
  36.         actAdd()
  37.         break;
  38.       case 'remove':
  39.         actRemove()
  40.         break;
  41.       case 'renew':
  42.         actRemove()
  43.         actNew()
  44.         break;
  45.      }
  46.      function chData(){
  47.        data=selector+'{'+data+'}'
  48.      }
  49.      function actNew(){
  50.        chData();
  51.        $('body').append('<style id="'+idStyle+'">'+data+'</style>')
  52.      }
  53.      function actAdd(){
  54.        if($('#'+idStyle).length){
  55.          actNew()
  56.        }else{
  57.          chData();
  58.          $('style#'+idStyle).append(data)
  59.        }
  60.      }
  61.      function actRemove(){
  62.        $('style#'+idStyle).remove();
  63.      }
  64.       return this;
  65.    }; 
  66. })( jQuery );
  67.