Нужен проверенный рабочий javascript меняющий картинку при наведении на неё курсором. Ну типа анимированное граф меню сделать.
Был свой, но куда-то прое... потерялся.
Заранее благодарен всем!
ты скажи, надписи на пунктах меню графические или текстовые (то есть картинка как фон), напишу пример
и если фоном то картинки разные на каждый пункт или одинаковые?
alemiks, картинка это и есть пункт меню - типа наводишь она просто или подсвечивается или выпячивается (другая такая же)
ХАРЧО, нет, вроде, часто здесь сижу - почему не спросить у местных умельцев?!
но что то там я нашел похожее, спсибо за пом.
Сообщение от ERYO:
alemiks, картинка это и есть пункт меню - типа наводишь она просто или подсвечивается или выпячивается
да, если делать на javascript + img; если на css, то для меню в виде вкладок, например, нужна только одна картинка, а поверх — обычный текст
пусть на каждый пункт меню будут разные картинки.
рисуем, но не 2 штуки на пункт меню (в обычном состоянии и при наведении), а одну (то есть если исходная картинка 100х20, то создаём новую 100х40, в верхней части — обычное состояние, в нижней — при наведении). вот и первое преимущество: не нужен прелоад.
html будет таким:
Сообщение от :
<ul id="menu">
<li><a href="#" id="item1">пункт 1</a></li>
<li><a href="#" id="item2">пункт 2</a></li>
<li><a href="#" id="item3">пункт 3</a></li>
</ul>
всё. вот и второе преимущество: никакого лишнего хлама в html
css:
Сообщение от :
#menu {
list-style: none;
}
#menu a {
display: block;
width: 100px;
height: 20px;
text-indent: -9999px;
background-position: top;
}
#menu a:hover {
background-position: bottom;
}
#item1 {
background-image: url(картинка1);
}
#item2 {
background-image: url(картинка2);
}
#item3 {
background-image: url(картинка3);
}
