Switchery - библиотека за стил отметки

Както и в последната статия, отметки разполагат в стил iphone:

За да започнете, трябва да изтеглите и да включва в библиотеката и стилове. Можете да го изтеглите на този линк. А свързване както следва (между маркерите глава):

Сега, както обикновено се създаде поле, но с класа "JS-ключ" и елементът "Проверено"

И за да се стилизирам квадратчето, трябва да добавите скрипта по-долу:

Така ще получите стил, която по подразбиране е регистриран (със зелен фон). За да промените фона и други параметри могат да отидат по два начина:

Или промяна на оригиналния файл данни switchery.js:

Къде цвят - ключа цвят; SecondaryColor - цвета на сенките и граници, в момент, когато ключът е изключен; име на класа - името на класа на елемент ключ; увреждания - възможност или блокиране кликване събитие (активен / неактивен); прозрачност ключ (от 0 до 1) - disabledOpacity; скорост - скоростта на промяна на позицията на плъзгача.

Или за промяна на параметрите директно към HTML. Например, можете да промените цвета на фона, както следва:

А прозрачност неактивна ключ, както следва:

Ако искате да използвате няколко отметки, използвайте следния код:

И днес - всичко! Успех на всички. Чао!

Това е интересно:

• 
  Как да се определи горна граница на сайта, докато превъртате
• 
  Зачертаване цени. Друг спусък, който може да увеличи реализации
• 
  Създаване на CSS онлайн градиент