Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Нужен скрипт подсвечивающий ссылку через img

Автор: Vatrushka 26.4.2011, 00:21

Подскажите пожалуйста скрипт, подсвечивающий ссылку при наведение на картинку.

Есть список ссылок (меню) слева, а справа картинки.
Нужно что бы при наведение на одну из картинок справа, загоралась нужная ссылка из левого меню (менялся цвет a:hover), ответственная за картинку. А так же что бы сами картинки являлись ссылками в нужный раздел. Картинки при наведение тоже должны меняться на более яркие.

То есть:
слева есть ссылка раздела1.
справа с другой стороны картинка ссылающаяся на раздел1.
наводим курсор мышки на картинку, она подсвечивается на более яркую, а так же одновременно с подсветкой картинки подсвечивается и ссылка тоже, ведущая в тот же раздел1, что и ведет картинка

Автор: Котокобра 26.4.2011, 17:07

не знаю, как в осле, а в файерфоксе это на css можно разрулить:

Код


<style type="text/css">
a {
  border:1px dashed #ccc;
}

a:hover {
  color:red;
}
a div {
  border:1px solid black;
  position:absolute;
  top:0px; right:0px;
}
a:hover div {
  border:1px solid red;
}


</style>
<a href="javascript:;">link
    <div style="width:100px; height:100px;"></div>

</a>