Форум Сайтостроение Веб-строительство

Как реализовать выделение области при наведении курсора?

T

83

Tarasishe

10 июня 2008, 19:30

5725

Как реализовать выделение области при наведении курсора?

Собственно имеется карту Украины, необходимо, что б при навидении на область она становилась красной… проблема в том, что области пересекаются, т.е. заменой картинки при наведении не везде получится…

Вопрос, возможно ли … сделать, что б при наведении курсора менялось 2 и более картинок?

Пока только сумел сделать замену одной…

<a href="#"onmouseover="changeImages('m1', 'images/map9-over.gif');  

return true;" 

onmouseout="changeImages('m1', 'images/map9.gif'); return true;" 

onmousedown="changeImages('m1', 'images/map9-over.gif'); return true;" 

onmouseup="changeImages('m1', 'images/map9-over.gif'); return true;">  

<img src="images/map9.gif"></a>

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

P/S/ flash ... абсолютно не изучен и не понимаем, поэтому отпадает :-(

gif ukraine.gif

Специализированный интернет-магазин HD медиаплееров (http://hd-players.com/) и всякого разного к ним же.

[Удален]

10 июня 2008, 19:37

#1

image area вам в помощь :)

http://htmlhelp.com/reference/html40/special/area.html

она понимает и onmouseover и тп, думаю что можно одну area применить к нескольким картинкам. это единственный метод в чистом html, по другому никак поверьте :)

или флеш ))

95

Ткач

10 июня 2008, 20:50

#2

онмаусовер вобще прошлый век, изучайте css

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)

69

Kolyaj

11 июня 2008, 05:33

#3

Tarasishe:
имеется карту Украины

Tarasishe:
проблема в том, что области пересекаются

Это как?

Ткач:
онмаусовер вобще прошлый век, изучайте css

А вы, наверно, можете сделать :hover для любого элемента в IE без mouseover? Круто.

95

Ткач

11 июня 2008, 06:26

#4

Kolyaj:
Это как?

А вы, наверно, можете сделать :hover для любого элемента в IE без mouseover? Круто.

Естественно без mouseover, он давно уже не используется для этого. Вы ещё скажите, что выпадающее меню при помощи ява скриптов делать

[Удален]

11 июня 2008, 06:34

#5

Ткач:
Естественно без mouseover, он давно уже не используется для этого. Вы ещё скажите, что выпадающее меню при помощи ява скриптов делать

чистый понт и реклама своих курсов. вы кроме меню на ксс + кусочек яваскрипта для фикса в ие, которое сперли в интернете что нибудь знаете ?

тут реальный вопрос, если хотите сказать что на ксс можно сделать, то покажите как, я думаю ТС не откажется услышать ваш вариант, а не флуд по поводу своей длинной письки :)

Разъяснение правил форума, ответы Не платил налоги к PBN ссылки

95

Ткач

11 июня 2008, 06:38

#6

bearman:
чистый понт и реклама своих курсов. вы кроме меню на ксс + кусочек яваскрипта для фикса в ие, которое сперли в интернете что нибудь знаете ?

А почему вы думаете, что я в инете что то пру (как вы выражаетесь), если тупо искать как сделано в инете, то сами не научитесь думать, а только будете разводить руками и говорить, что такого нет.

Да, в том числе и реклама курсов, что такого?

bearman:

тут реальный вопрос, если хотите сказать что на ксс можно сделать, то покажите как, я думаю ТС не откажется услышать ваш вариант, а не флуд по поводу своей длинной письки :)

Я этим деньги на хлеб зарабатываю)

На курсах своих преподаю.

69

Kolyaj

11 июня 2008, 06:54

#7

Ткач, вы, наверное, пропустили одно слово в моем вопросе, я повторюсь

Kolyaj:
А вы, наверно, можете сделать :hover для любого элемента в IE без mouseover?

[Удален]

11 июня 2008, 08:10

#8

добавлю в ие6 ;)

удачи ксс программистам =))

T

83

Tarasishe

11 июня 2008, 08:38

#9

Kolyaj Словом пересекаются я имел ввиду если разбить карту на квадраты, то границы некоторых областей выходят в другие квадраты -)

За AREA спасибо, буду эксперементировать…

1730

LEOnidUKG

11 июня 2008, 08:41

#10

ТС, попросите кого-нибудь на флэшке сделать, будет красиво и без кучи JS.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/