Смена стилей с запоминанием в локальном хранилище by Apocalypse
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<link id="apolink" rel="stylesheet" src=""/> <a href="#" onclick="apochangeme(1); return false;">Стиль 1</a> <br /><br /> <a href="#" onclick="apochangeme(2); return false;">Стиль 2</a> <br /><br /> <a href="#" onclick="apochangeme(3); return false;">Стиль 3</a> <script> $(function() { if(!localStorage.getItem('apolink')) { $('#apolink').attr('href', 'https://imapo.ru/css/apolink1.css'); } else { $('#apolink').attr('href', 'https://imapo.ru/css/apolink' + localStorage.getItem('apolink') + '.css'); }; }); function apochangeme(a) { if(a == 1) { $('#apolink').attr('href', 'https://imapo.ru/css/apolink1.css'); localStorage.removeItem('apolink'); } else { $('#apolink').attr('href', 'https://imapo.ru/css/apolink' + a + '.css'); localStorage.setItem('apolink', a); }; }; // imapo.ru (c) 2016 </script> |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
А можно сделать, чтобы одна и та же кнопка меняла 2 стиля поочерёдно? То есть при открытии сайта - грузится стандартный css, при первом нажатии на кнопку - грузится css1, при втором нажатии - опять стандартный и так далее.
Да, конечно. Вот: http://codepen.io/Imapo/pen/RRyYRQ
Спасибо, всё работает
Пожалуйста 🙂
Можно сделать,чтоб при смене фона,фон менялся не только на той странице где установлен данный код,а на всем сайте???
Он и так рассчитан на смену стилей на всех страницах. Просто установи код в любой глобальный блок, который используется во всех шаблонах и будет тебе счастье
Спасибо. Чет не подумал даже))
Установил,прописал путь к файлу ксс,но результата нет,фон остается твоим. Куки,кеш очистил,но нет изменений. Подскажи что я не так сделал
Классный скрипт, понравился ! Васще все супер, отлично все работает ! Блин ток кто знает как можно сделать плавные переходы при переключение .?
Плавные переходы между страницами? Поясни