Код
<style type="text/css">
#menu a{
background:url(button.jpg) no-repeat;
display:block;
width:100px;
height:10px;
}
#menu a:hover{
background:url(button_ch.jpg) no-repeat;
}
</style>
<div id="menu">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
Спустя 5 минут, 46 секунд (24.09.2010 - 09:48) Lenarfate написал(а):
к php это не относится. и к css тоже. это javascript и обработчики событий. залезь на сайт javascript.ru , там все есть
Спустя 3 минуты, 21 секунда (24.09.2010 - 09:52) AlmazDelDiablo написал(а):
Попробуй сделать вот так.
<img src="первая_картинка" alt="" onMouseOver="this.src='вторая_картинка';" onMouseOut="this.src='вторая_картинка';" />
Спустя 10 минут, 4 секунды (24.09.2010 - 10:02) Newsmale написал(а):
AlmazDelDiablo, а чтобы переходило на другую страницу, что нужно добавить?
Спустя 3 минуты, 21 секунда (24.09.2010 - 10:05) AlmazDelDiablo написал(а):
<a href="http://almazdeldiablo.ru/"><img src="первая_картинка" alt="" onMouseOver="this.src='вторая_картинка';" onMouseOut="this.src='вторая_картинка';" /></a>
Спустя 9 минут, 32 секунды (24.09.2010 - 10:15) Newsmale написал(а):
Смотрите суть вопроса в чем, есть 6 кнопок для перехода на разные страницы, если использовать этот скрипт
<a href="http://php.ru/"><img src="первая_картинка" alt="" onMouseOver="this.src='вторая_картинка';" onMouseOut="this.src='вторая_картинка';" /></a>
то когда наводишь на эти кнопки, они все меняют картинку, а нужно чтобы навел, 1 картинка изменилась на 2, убрал мышку она вернулась к первой картинке, а при нажатии была 2 картинка
<a href="http://php.ru/"><img src="первая_картинка" alt="" onMouseOver="this.src='вторая_картинка';" onMouseOut="this.src='вторая_картинка';" /></a>
то когда наводишь на эти кнопки, они все меняют картинку, а нужно чтобы навел, 1 картинка изменилась на 2, убрал мышку она вернулась к первой картинке, а при нажатии была 2 картинка
Спустя 8 минут, 53 секунды (24.09.2010 - 10:24) AlmazDelDiablo написал(а):
<a href="http://php.ru/"><img src="первая_картинка" alt="" onMouseOver="this.src='вторая_картинка';" onMouseOut="this.src='первая картинка';" /></a>
Разъясню:
src="первая_картинка" - Каритнка до того, как на нее навели мышку.
onMouseOver="this.src='вторая_картинка' - Картинка при наведении мыши.
onMouseOut="this.src='первая картинка' - Картинка, которая появится, когда с нее убрали наведение.
Если я что-то не понял в вашем вопросе - извините. А еще лучше - напишите мне в ICQ. Так удобнее и быстрее будет.
362794601
Спустя 1 минута, 33 секунды (24.09.2010 - 10:25) Админ написал(а):
в дримвивере для этого есть функция под названием - изображение прохода. (ну и так к слову CSS это не скрипт)
Спустя 23 часа, 39 минут, 16 секунд (25.09.2010 - 10:04) CyberOrcX написал(а):
#menu a
{
/* не активная ссылка, т.е. не нажата, или на нее не наведена курсор мыши */
background-image: url(nonactivebutton.jpg) no-repeat;
}
#menu a:active
{
/* активная ссылка, т.е. нажата, процесс нажатия и отпуская происходит быстро */
background-image: url(clickedbutton.jpg) no-repeat;
}
#menu a:hover
{
/* ссылка, на которую наведен курсор мыши */
background-image: url(hoverbutton.jpg) no-repeat;
}
#menu a:visited
{
/* ссылка, которая уже была посещена */
background-image: url(visitedbutton.jpg) no-repeat;
}
после этого будет эту картинку покажет, и вернется обратно
если указывать a:visited, то после возвращения на эту страницу, она уже не будет просто a, а будет a:visited
{
/* не активная ссылка, т.е. не нажата, или на нее не наведена курсор мыши */
background-image: url(nonactivebutton.jpg) no-repeat;
}
#menu a:active
{
/* активная ссылка, т.е. нажата, процесс нажатия и отпуская происходит быстро */
background-image: url(clickedbutton.jpg) no-repeat;
}
#menu a:hover
{
/* ссылка, на которую наведен курсор мыши */
background-image: url(hoverbutton.jpg) no-repeat;
}
#menu a:visited
{
/* ссылка, которая уже была посещена */
background-image: url(visitedbutton.jpg) no-repeat;
}
после этого будет эту картинку покажет, и вернется обратно
если указывать a:visited, то после возвращения на эту страницу, она уже не будет просто a, а будет a:visited