Код кода копирования следующим образом:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Tilt> Вкладки Реализовать преобразование изображения IMG </title>
<Стиль типа = "text/css">
#Main {высота: 420px;
#Голова {{
Ширина: 400px;
Высота: 52px;
поза: абсолютно;
Слева: 10px;
Верх: -12px;
фоновый цвет: зеленый;
}
#Head li {float: Left;
#Содержание {
Ширина: 400px;
Высота: 350px;
фоновый цвет:#fc6;
Текст-альбом: Центр;
Поза: абсолютно;
Верх: 36px;
Слева: 10px;
}
</style>
</head>
<тело>
<div id = "main">
<div id = "head">
<ul>
<li id = "tab1" onmouseover = "show (1)" style = "fackground: #fff"> изображение 1 </li>
<li id = "tab2" onmouseover = "show (2)"> изображение 2 </li>
<li id = "tab3" onmouseover = "show (3)"> изображение 3 </li>
<li id = "tab4" onmouseover = "show (4)"> изображение 4 </li>
</ul>
</div>
<div id = "content">
<p id = "p1"> <img src = "picture 0"/> </p>
<p id = "p2" style = "display: none;"> <img src = "picture 1"> </p>
<p id = "p3" style = "display: none;"> <img src = "picture 2"/> </p>
<p id = "p4" style = "display: none;"> <img src = "picture 3"/> </p>
</div>
</div>
</body>
<Скрипт>
Функция Show (n) {
для (var i = 1; i <= 4; i ++) {
document.getElementById ("tab"+i) .style.backgroundcolor = 'green';
document.getElementById ("p"+i) .style.display = 'none';
// отображать управление скрытым содержанием контента, не должно быть, скрыто
}
document.getElementbyId ("tab"+n) .style.backgroundcolor = 'white';
document.getElementbyId ("p"+n) .style.display = 'block';
// при блоке можно отобразить скрытую
}
</script>
</html>