| |
|
|
| | Есть табличка, я хочу что когда мышка находилась на этой ячейки сплывала подсказка, в которй бы была некая нформация.
Например как тут:
http://motronline.com/database/map/index.php
Только чего бы полегче.. и попроще. | |
| |
|
|
| |
|
|
| |
для: Бамси
(05.03.2007 в 17:13)
| | | полегче и попроще: title для картинок прописать.
А вообще, это можно сделать при помощи CSS+JS. При наведении на картинку, вызывается функция, которая делает видимым блок с описанием. Блок этот позиционирован absolute с z-index > z-index картинки.
++: быстро и просто
--: абсолютное позиционирование, всплывает только в одном месте.
Но если заморочиться, можно палить координаты курсора и сплывать исходя из них. | |
| |
|
|
| |
|
|
| |
для: SHAman
(05.03.2007 в 17:56)
| | | У меян совершенно нет желания это писать самому. Знаю есть готовые просто хочу что бы помогли найти, ну или чо нить простое накалякать. | |
| |
|
|
| |
|
|
| |
для: Бамси
(05.03.2007 в 18:11)
| | | Если совсем просто, то так:
<html>
<head>
<script language="javascript" type="text/javascript">
function displayit(elem)
{
var d = document;
var el = d.getElementById(elem);
if (el.className == 'block')
{el.className = 'none'}
else
{el.className = 'block'}
}
</script>
<style type="text/css">
.block {border: 1px dotted #666; background-color: #efefef; width: 200px; text-align: center; z-index: 2; position: relative;}
.none {display: none;}
</style>
</head>
<body>
<a href="#" onmouseover="displayit('tit1');" onmouseout="displayit('tit1');">Текст</a>
<div id="tit1" class="none" >Подсказка</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: SHAman
(05.03.2007 в 18:55)
| | | а у меня нет желания в своем коде капаться, но посмотреть можно тут, при наведение на название. | |
| |
|
|
