JSPRO1/JS Динамически модифицируют весь стиль HTML PAGE (Skinning) .html
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<Title> Динамический стиль страницы </title>
<link href = "css/blue.css" rel = "stylesheet" id = "mylink"/>
<script type = "text/javascript">
Функциональный гель (id) {
return document.getElementbyId (id);
}
window.onload = function () {
// заменить файл CSS
var lis = gel ("ulist"). Childnodes;
for (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodeType == 1) {
lis [i] .onclick = function () {
гель ("mylink"). href = "css/" + this.classname + ".css";
};
}
}
};
</script>
</head>
<тело>
<div>
<pan> изменить стиль всей страницы </span> <br/>
<input type = "text" id = "txt"/>
<input type = "button" value = "pospent"/>
</div>
<ul id = "ulist" style = "Текстовое декорация: нет; маржинальный-100px;">
<li style = "Display: Block; ширина: 30px; Высота: 20px; фоновый цвет: красный;"> </li>
<li style = "Display: Block; ширина: 30px; высота: 20px; фоновый цвет: синий"> </li>
</ul>
</body>
</html>
JSPRO1/CSS/RED.CSS
Кода -копия выглядит следующим образом:
* {
Полевая: 0px; прокладка: 0px;
}
тело {
фоновый цвет: #eeeeeee;
}
охватывать {
Цвет: красный;
}
#текст {
Цвет: «Граница: 1PX SOLID #7D1515;
}
.btn {
Фоно-цвета: #A52A2A; граница: нет; цвет: белый; ширина: 100px; высота: 28px;
}
JSPRO1/CSS/BLUE.CSS
Кода -копия выглядит следующим образом:
* {
Полевая: 0px; прокладка: 0px;
}
тело {
фоновый цвет: #eeeeeee;
}
охватывать {
Цвет: синий;
}
#текст {
Цвет: #0000CD; граница: 1PX SOLID #006400;
}
.btn {
фоновый цвет: #0000CD; граница: нет; цвет: белый; ширина: 100px; высота: 28px;
}