返回首頁 

Greasy Fork is available in English.

jQuery CssDynamic

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

Ce script ne doit pas être installé directement. C'est une librairie destinée à être incluse dans d'autres scripts avec la méta-directive // @require https://update.greasyfork.org/scripts/26587/169714/jQuery%20CssDynamic.js

Auteur
Mattealex
Version
1.1.1
Créé
16/01/2017
Mis à jour
16/01/2017
Taille
1,88 ko
Licence
https://creativecommons.org/licenses/by-sa/4.0/

Usage

Base

With CssDynamic you can add properties like standard css method of jQuery

Syntax:

//jQuery standard$(element).css(property,value)//jQuery dynamic$(element).cssDynamic(property,value)

You can also pass an object like new standard of jQuery 3

Syntax:

//jQuery standard$(element).css({property1:value1,property1:value1})//jQuery dynamic$(element).cssDynamic({property1:value1,property1:value1})

The below parameter represents the actions that may perform (default is add). The actions can be:

  • add
  • new
  • remove
  • rename
  • renew

Add

You can add a new rule to an existing stylesheet (you can use the follow parameter to select it).If it doesn't exist it create the stylesheet

Exemple:

$('.myClass').cssDynamic('color','#DDD','add', 'idStylesheet')//another use$('.myClass').cssDynamic({'color':'#DDD','font-weight':'bold'},'add', 'idStylesheet')//or$('.myClass').cssDynamic('color','#DDD')/* `add` like action and `cssDynamic` like id of stylesheet are default parameters */

New

With this action you can create new stylesheet and it will be placed in the end of body

Exemple:

$('.myClass').cssDynamic('color','#DDD','new', 'newIdStylesheet')/* `cssDynamic` is default id parameter */

Remove

It's easy to remove "cssDynamic" with this syntax:

$().cssDynamic('remove', 'idStylesheetToRemove')/* `cssDynamic` is default id parameter */

Rename

You can also rename a stylesheet id with another one

$().cssDynamic('rename', 'oldIdStylesheet','newIdStylesheet')

Renew

This action deletes an old stylesheet (by id) and it replace the old stylesheet with the newest

Exemple:

$('.myClass').cssDynamic('color','#DDD','renew', 'idStylesheet')