Другие языки программирования и технологии

Хочу добавить красоты на сайт, jquery (джава)

Сайт не на всю ширину экрана. Например в тексте на сайте (в блоке) есть слово (не ссылка а слово) кролик. При наведении на это кролик с боку страницы появляется нарисованный кролик. Как убрать указатель со слова он исчезает. Пробовал сдвиг css получается фиговина.. А на jquery не нашел подходящего.
Roma Chaus
Roma Chaus
5 155
тут вот какая штука.
css - вещь простая. иногда слишком простая.
если использовать только css в данном случае, то сделать-то можно. но не очень привлекательно. я бы использовал как раз что-то вроде Easy Tooltip. потому как тут, с css, курсор наводишь в одну точку, а картинка появляется в другой. но если уж обязательно css, то так:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Кролик</title>
<style type="text/css">
.text { width:600px; }
.text span { cursor:pointer; border-bottom: 1px dashed #00F; }
.text span img { position: absolute; right:20px; z-index:9999; display: none; }
.text span:hover img { display:block; }
</style>
</head>

<body>
<div class="text">
<p><span>кролик<img src="rabbit.jpg" alt="кролик" /></span> убит. <span>кошка<img src="cat.jpg" alt="кошка" /></span> сдохла. <span>рыбка<img src="fish.jpg" alt="рыбка" /></span> улетела. </p>
</div>
</body>
</html>

если у .text будет position: relative; то картинка будет позиционироваться относительно него. а в других случаях - относительно body. ну, и как уже раньше упомянуто было - в IE 6 :hover работает только у ссылок. поэтому у span тут не сработает.
Сергей Бондарь
Сергей Бондарь
60 969
Лучший ответ
Кора Алибеков Александр, вы как сюда код вставляете? Я про замену < на &lt; и & на &amp;
Roma Chaus Спасибо, будем думать :)
Roma Chaus У меня с tolip возникла проблема... Картинка находится на расстоянии от указателя и как следствие двигается в размер текста (объекта). А надо что бы она появлялась в определенном месте.
тупо один слой заменяется другим или изменяется прозрачность слоя
достаточно css на mouseon u mouseout
зачем лишние сложности с жабой7
Влад Амиров
Влад Амиров
31 395
Roma Chaus хм. Просто я запутался во всех скопипастенных статьях о реализации такого на css... Поэтому меня направили в жабу.
Если не сложно поделитесь ссылкой пожалуйста.
На сколько я помню для jQuery нужна определённая область. Например, a,textarea,input,img и т. д. либо определённый #id. кролик ну и на это id вешать уже событие. Как то так.
Жомарт Жаппасбаев
Жомарт Жаппасбаев
1 997

Похожие вопросы