Змінюємо css-параметри за допомогою - js

Змінюємо css-параметри за допомогою - js

Ніколи не був великим фанатом JS і завжди намагався будь-якими способами уникнути його використання, але, останнім часом, для того, щоб домогтися більшої гнучкості в розробці користувальницьких інтерфейсів, в деяких випадках використовую JS. У деяких випадках доводиться використовувати навіть для редагування CSS-параметрів в зовнішньому CSS-файл.







Для мене самого це здається диким, але іноді це потрібно і без цього просто не можна.

Для того, щоб змінити існуючий CSS-параметр, ми будемо використовувати для зручності окремі JS-функції, які можна (навіть потрібно) винести в окремий підключається файл.

Функції виглядають ось так:

Після того як функції JS: addStyleSheet () і addStyle () оголошені приступаємо до безпосереднього зміни потрібного CSS-параметрів. Для цього необхідно викликати функцію addStyle () з потрібним набором параметрів.

Наприклад, нам потрібно змінити висоту (height) у блоку з id sections. Для цього виконуємо команду:

От і все! Послі цього коду висота блоку sections становитиме 500 точок, чого нам і було потрібно. Після створення красивого і функціонального сайту, можна братися і за просування сайту. Зручний для користувача сайт просувається набагато легше, швидше і дешевше.







Використовувати цей прийом у своїй роботі чи ні - вирішує кожен web-розробник, але знати про таку можливість має кожен.

Змінюємо css-параметри за допомогою - js

Додаємо шрифт в CSS-файлі

Змінюємо css-параметри за допомогою - js

Змінюємо css-параметри за допомогою - js

Прилип блок, який слідує за екраном за допомогою jQuery

З чого почати вивчення CSS і HTML? Мій шлях у WEB

Змінюємо css-параметри за допомогою - js

Пропоную повний огляд вашого сайту за постової

Змінюємо css-параметри за допомогою - js

Рекомендації з оформлення текстів

Пошук по блогу

останні фотографії