[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: HOVER
anonymouse
Добрый день - ребят ваше не шару я нифига чет мучал я свою .... и ниче не вышло - помогите разобрать

_http://openingmovies.com/
тут есть слайдер фильмов ( сразу не верху ) когда наводишь мышь появляется Кнопка - я пытался сделать на JS-e вышло каряво...

Помогите с кодом на ЦСС-е.




Спустя 4 часа, 46 минут, 49 секунд (30.03.2010 - 08:00) ApuktaChehov написал(а):
А что тут сложного?
Нужно юзать DOM + JS.

При onmouseover создаем слой и в него вставляем что надо. Если координаты неизвестны, то можно определить координаты исходной картинки(на что наводим мышь) и присвоить их нашему новому слою, с какими то корректировками.

Спустя 46 минут, 33 секунды (30.03.2010 - 08:47) sergeiss написал(а):
anonymouse - и покажи, что ты пробовал сделать. Может быть, у тебя было всё сделано почти что верно?

Спустя 1 день, 12 часов, 39 минут, 44 секунды (31.03.2010 - 21:27) anonymouse написал(а):
sergeiss
Вот что я сделал уже
http://mymoviesonline.net/default.php

Код HTML

<li>
<a
class="begin" href="movies.php?id=$id" target="_top" >
<div
class="playoverlay"></div>
<img
style="display:fixed;" src="upload/$filename" width="134" height="198" border="1" style="border-color:#FFF" />
<b
style="color:#FFF;font-size:11px;">$name</b>
</a>

</li>


Ну и ЦСС


.begin a:hover div.playoverlay {
background: url(images/playoverlay.png) top left repeat-x;
width: 45px;
height: 45px;
position: absolute;
margin-top: 76px;
left: 44px;
z-index: 1000;

}


Я там использую слайдер скрипт на jQuery.
Но в блоке то я делаю что хочу... не думаю что есть конфликт.
Плз помогите реально не знаю как сделать.

Спустя 3 дня, 26 минут, 38 секунд (4.04.2010 - 21:53) sergeiss написал(а):
anonymouse - я так и не понял, в чем вопрос-то... На странице по ссылке меняются картинки. А в приведенном тобой тут коде нету вообще никаких обработчиков событий - так что к чему этот код, не понятно.


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.