|
|
Модератор форума: dotbot |
Сообщество uCoz Архивариус Корзина Подключение внешнего css с помощью javascript (Подключение внешнего css с помощью javascript) |
Подключение внешнего css с помощью javascript |
Есть такой код:
<div id="shat" style="height:auto;z-index:999"> <div onclick="pink()" style="background:#F65A5B;padding:15px"></div> <div onclick="green()" style="background:#00be9c;padding:15px"></div> </div> <style> #shat{position:fixed;z-index:1;top:50%;right:0;padding:25px;height:200px;border-radius:10px 0px 0px 10px;border:1px dashed #ddd;box-shadow:0 0 10px #000;background:#eee;} </style> <script type="text/javascript"> function pink(){ $('h2.inner-tittle,.copyright p a,h4.side,a.read,body a:hover, h5.top a:hover, .b-text h5 a:hover, .b-bottom-text h5 a:hover, .b-text h6 a:hover, .b-bottom-text h6 a:hover,.td-post-date,.single-bottom ul li a').css({color:'#EE5656'}); $('.calwday, .calwdayse, .calwdaysu,h3.tittle, h2.tittle,').css({background:'#EE5656'}); $('a.read,.footer-grid h4').css({borderColor:'#EE5656'}); } </script> Необходимо вместо того, чтобы в скрипте прописывать все стили, которые необходимо изменить, подключить внешний css файл. Т.е. допустим чтобы при нажатии на красный, подгружался файл css, который будет отвечать за красный стиль и т.д. |
Не совсем понял что вы хотите сделать, внешний файл css можно подключить таким способом.
Код <script type="text/javascript"> var css = document.createElement("LINK"); //создаём тег <link> css.rel = "stylesheet"; // задаём тегу <link> атрибут rel css.href = "css/style.css"; // Задаём тегу <link> атрибут href с указанием пути на внешний css document.getElementsByTagName("HEAD")[0].appendChild(css); //подключаем стиль после тега head </script> |
| |||
| |||