Как реализовать переключение css фалов?

Question

Княшшш @fyapy

Как реализовать переключение css фалов?

Пример:
raresolution.com/themeforest/zero/html/index.html#about (слева шестерня)
Может какой jquery плагин есть, гуглил из работающего нечего нет.

Вопрос задан более трёх лет назад
119 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

2 комментария

Княшшш @fyapy Автор вопроса
Знаю что можно на click повесить изменение классов но хотелось бы просто вынести цвета в отдельные файлы и кажеться я нашел решение
function CSSLoad(file){ var link = document.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setAttribute("href", file); document.getElementsByTagName("head")[0].appendChild(link) } CSSLoad('/addStyles.css');

Но если не сработают буду в одном css с классами у body играться)
Написано более трёх лет назад
Kovalsky @lazalu68

Амир Абдуллин, все гораздо проще, без дополнительных файлов: при загрузке страницы собираете свой StyleSheet, после чего по клику на нужные кнопки просто пересобираете, или даже точечно меняете значения.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+2 ещё

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- 41 минуту назад
- 12 просмотров
1

ответ
HTML

+1 ещё

Средний
Как поместить картинку рядом с текстом?
- 1 подписчик
- 3 часа назад
- 35 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- 4 часа назад
- 40 просмотров
0

ответов
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- 7 часов назад
- 62 просмотра
3

ответа
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- 11 часов назад
- 297 просмотров
1

ответ
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- 22 часа назад
- 1627 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- вчера
- 60 просмотров
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- вчера
- 198 просмотров
4

ответа
CSS

Простой
Почему нет задержки между повторами анимации?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 2 подписчика
- вчера
- 180 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Редизайн корзины аспро. Верстка

23 апр. 2024, в 22:07

12000 руб./за проект

Собрать семантическое ядро + ТЗ копирайтеру для крупного сайта

23 апр. 2024, в 21:40

20000 руб./за проект

Реализовать редирект запросов в Chrome Extension Manifest v3

23 апр. 2024, в 21:14

1000 руб./за проект

Answer 1 · 2017-11-24 20:21:36

А зачем тебе гугл если у тебя есть готовый сайт того что ты желаешь и как ты хочешь, не проще открыть код сайта и ТАМ взглянуть на то как создана реализация, изменения притом можно делать как угодно в ОДНОМ css файле не изменяя всю структуру. На чистом JS написать это можно и без плагинов, достаточно к кнопке применить event onclick, а затем изменять свойства у самих элементов через сss

Answer 2 · 2017-11-24 20:10:10

Олег @politon

HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...

записываешь выбранные данные в cookie

Ответ написан более трёх лет назад

1 комментарий

Как реализовать переключение css фалов?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт