Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Для того что бы оставлять сообщения на форуме вам необходимо зарегистрироваться или войти под своим профилем.

Меняние картинок - Форум

  • Страница 1 из 1
  • 1
Модератор форума: lewonchik, Fro0st  
Форум » Веб мастеру » Вопросы по HTML, CSS, JS » Меняние картинок
Меняние картинок
melsДата написания: Вторник, 21.09.2010, 13:58:27 | Сообщение № 1

-= Уровень: 2 =-
Сообщений: 59
Награды: 1
Репутация: 21
У меня такой вопрос: Как сделать чтоб когда наводишь на картинку (ссылку), она заменялась другой картинкой (ссылкой).



 
DizeLДата написания: Вторник, 21.09.2010, 14:06:29 | Сообщение № 2


Раскрутка сайта
Сообщений: 1695
Награды: 230
Репутация: 156
С помощью CSS.
.Класс {Код}
.Класс:hover {Код с измененной картинкой}
 
melsДата написания: Вторник, 21.09.2010, 14:09:40 | Сообщение № 3

-= Уровень: 2 =-
Сообщений: 59
Награды: 1
Репутация: 21
Dizel, так не получается, я пробовал



 
DizeLДата написания: Вторник, 21.09.2010, 19:59:55 | Сообщение № 4


Раскрутка сайта
Сообщений: 1695
Награды: 230
Репутация: 156
Quote (mels)
Dizel, так не получается, я пробовал

Дай ссылки на эти картинки
 
FrоstДата написания: Среда, 22.09.2010, 13:55:48 | Сообщение № 5

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469
Quote
Меняние картинок

С помощью css:

Code
<style type="text/css">
a.hvr{background:url('Ссылка на 1 картинку');width:100px;height:100px}
a.hvr:hover{background:url('Ссылка на 2 картинку')}
</style>
<a href="#" class="hvr"></a>

Или javascript:

Code
<a href="#"><img src="Ссылка на 1 картинку" onmouseover="this.src='Ссылка на 2 картинку'" onmouseout="this.src='Снова ссылка на 1 картинку'"></a>

Пример:

 
Форум » Веб мастеру » Вопросы по HTML, CSS, JS » Меняние картинок
  • Страница 1 из 1
  • 1
Поиск:
Обсуждение темы на форуме веб мастеров 3aKa4Ka.at.ua

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.