CSS по шагам

Изменение видимости слоя


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

#descr {

 position: relative; /* Относительное позиционирование */

 visibility: hidden /* Прячем содержимое слоя */

}

</style>

<script type="text/javascript">

function hiddenLayer() {

document.getElementById("descr").style.visibility = "hidden";

}



function showLayer() {

document.getElementById("descr").style.visibility = "visible";

}

</script>

</head>

<body>

<table width="90%" border="0" cellspacing="0" cellpadding="4" align="center">

<tr>

<td width="20%" align="center"><a href="#" onMouseOver="showLayer()" onMouseOut="hiddenLayer()"><img src="button.gif" width="98" height="33" border="0"></a></td>

<td>

<div id="descr">Данная эксклюзия является подмножеством астрациональных супремативных монотенных федоний кадонарного экстрафазория.</div>

</td>

</tr>

</table>

</body>

</html>

Результат данного примера показан ниже. При наведении курсора мыши на изображение демонстрируется скрытый до этого времени текст, который вновь прячется при убирании курсора с рисунка. Изменение параметров стиля элемента происходит через обращение к нему по имени идентификатора.

function hiddenLayer() { document.getElementById("descr").style.visibility = "hidden"; } function showLayer() { document.getElementById("descr").style.visibility = "visible"; }

Данная эксклюзия является подмножеством астрациональных супремативных монотенных федоний кадонарного экстрафазория.

Информация взята с сайта

Copyright © 2005 Влад Мержевич, по всем вопросам пишите по адресу



Содержание раздела