Добавляем...


Изменяемая графика (вторая попытка)
Вы уже видели, как с помощью средств изменяемой графики можно отобразить на экране регион, содержащий текстовое описание. Такая форма целевой изменяемой графики часто называется динамическим контекстным примечанием, и ее можно реализовать без использования CSS с помощью подходящих изображений. Но используя позиционируемые элементы DOM и CSS, можно предложить более элегантное решение. В качестве примера давайте рассмотрим следующий программный код для отображения простых контекстных примечаний.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTMI 1.0 Transitior.al//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Всплывающие сообщения CSS</title>
<meta http-equiv="content-type"
content="text/html; charset=windows-125I" />
<style type="text/css">
<!--
#buttons {position: absolute; top: lOpx; background-color: yellow;width: 20%; }
#description {position: absolute;top: l0px;left: 40%;}
-->
</style>
<script src="layerlib.js" type="text/javascript"></script>
</head>
<body>
<div id="buttons">
<a href="about.html"
onmouseover="setContents('description', 'Ознакомьтесь с историей и списком сотрудников нашей компании.');"
onrnouseout="setContents{'description', 'Snbsp;');">0 нашей компании</ а>
<br /><br />

<а href="products.html"
onmouseover="setContents('description', 'Если вам нравятся наши сотрудники, вам понравятся и наши роботы!');"
onmouseout="setContents('description', 'snbsp;');">Наш ассортимент</а>
</div>
<div id="description">&nbsp;
</body>
</html>

Замечание. В отсутствие неразрывного пробела (&nbsp;) слой описания в HTML пропа поэтому необходимый для работы в JavaScript объект не создается.


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика