X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Дизайн блока
RayOfLight
RayOfLight
Topic Starter сообщение 16.8.2010, 21:26; Ответить: RayOfLight
Сообщение #1


Ситуация такая: есть три блока, располагающиеся по горизонтали, с резиновой высотой.
Выглядят они вот так (как второй и третий):
[IMG]http://img844.imageshack.us/img844/3842/94152957.jpg[/IMG]
Вся фигня в том, что при наведении на один из трех блоков он должен становиться таким, как первый.
Пытался сделать с помощью JavaScript - голову сломал, т.к. в нем не силен.
Подкиньте идейку, как это реализовать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.8.2010, 21:53; Ответить: locky-yotu
Сообщение #2


RayOfLight, так. А чем не устраивает банально менять стили по hover или дописывать класс, например "active", по onmouseover?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
Topic Starter сообщение 16.8.2010, 21:57; Ответить: RayOfLight
Сообщение #3


locky-yotun, давай введу немного ясности:
блок состоит из трех частей - верхняя картинка, текст, нижняя картинка.
при наведении на общий див, содержащий все три элемента, должны меняться обе картинки, плюс к тому же под текстом должен задаваться фон.
если это действительно просто, то я уже наверное поехал на этих блоках )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 16.8.2010, 22:06; Ответить: Letmetouchyou
Сообщение #4


RayOfLight, при наведении на обший блок, смешай бекграунд и вся проблема.
background-position;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 17.8.2010, 0:05; Ответить: Flok
Сообщение #5


RayOfLight,можешь нарисовать 2 картинки: "до " и "после"?
а то я так и не въехал )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
сообщение 17.8.2010, 0:15; Ответить: InviS
Сообщение #6


Чет я тоже не въехал в чем проблема-то? На jQuery сделать не сильно сложно такое. На чистом js побольше работы будет)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
Topic Starter сообщение 17.8.2010, 0:49; Ответить: RayOfLight
Сообщение #7


Flok, второй и третий блок это "до", а первый - "после" :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.8.2010, 1:00; Ответить: locky-yotu
Сообщение #8


InviS, в чем проблема сдвинуть бек или добавить/удалить класс на js? Тут же не надо создавать псевдо-классы, работать с DOM, писать супер-рег-экспы. Не, я просто не особо понимаю той шумихи, которую развели вокруг jQuery. Он конечно молодец, но зачем же его везде-то пихать)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 17.8.2010, 5:35; Ответить: Alcorn
Сообщение #9


При наведении на общий див, меняется класс у дочерних.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 17.8.2010, 10:25; Ответить: Diablo_hb
Сообщение #10


RayOfLight, сказали же рисуются на берграунд одна двойная картинка, и при наведении просто смещается background-position - тоесть подвигается на вторую беграунд

http://bn.by/ - тут тройная картинка двигается (основные круги с тарифами)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
0 bunneh 328 16.4.2024, 18:02
автор: bunneh
Открытая тема (нет новых ответов) PRO дизайн: для маркетплейсов и соц. сетей, разработка сайтов, логотипов и иллюстраций!
27 OlgaMcField 8352 6.4.2024, 11:55
автор: OlgaMcField
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
27 zaiko 17547 2.4.2024, 14:00
автор: zaiko
Горячая тема (нет новых ответов) Делаю полностью уникальный дизайн для сайтов!
46 AlexDIZ 93950 26.3.2024, 20:03
автор: AlexDIZ
Открытая тема (нет новых ответов) Дизайн сайтов и прочей графики
3 sapernik 4629 4.2.2024, 17:34
автор: Vikbit


 



RSS Текстовая версия Сейчас: 19.4.2024, 17:39
Дизайн