вторник, 18 марта 2014 г.

Замена картинки при наведении курсора или как удвоить капитал




День добрый!..
Согласись, что частенько у нас возникает потаенное желание, если не разбогатеть, то хотя бы - выдать желаемое за действительно, так ведь?.. К примеру, я имею в кармане купюру достоинством 5 USD, а мне хотелось бы удвоить капитал и поиметь все 10 USD. Как мне следует поступить в этом случае? - Конечно, можно пойти на другой блог и заработать деньги в интернете, например, на Золотой Пятерке, ну а поскольку я тут пытаюсь изображать полезняшки для начинающих сайто-строителей, то поступлю несколько проще - просто заменю одну картинку при наведении на нее курсора другой. Сообразил зачем?.. - Да это же процесс создания, так называемых "активных кнопок", который нужен всегда, везде и всем!.. Дополнительные возможности такой функции - оживление картинок при наведении курсора. Показывать лучше всего на примере - вот конечный результат:




Процедура достижения поставленной цели - замены одной картинки другой при наведении курсора:
  • Загрузи обе картинки куда-нибудь (я загрузил их в начале этого сообщения) и правой клавишей мыши скопируй URL первой и второй картинок.
  • В редакторе HTML вставь в нужное место код вида: <img border="0" onmouseout="this.src='Адрес начальной картинки';" onmouseover="this.src='Адрес активной картинки';" src="Адрес начальной картинки" />
  • Чтобы привязать к полученной кнопке ссылку на страницу, несколько модернизируй код: <a href="Адрес страницы" target="_blank"><img border="0" onmouseout="this.src='Адрес начальной картинки';" onmouseover="this.src='Адрес активной картинки';" src="Адрес начальной картинки" /></a>
Уверен, что у тебя все получилось, да?.. Если нет - пиши в комментариях. До встречи на дорогах!..
 Используй FaceBook на все сто!!!

1 комментарий:

  1. Вы гении! Спасибо, думаю что получится ) http://amalgoo.blogspot.com/

    ОтветитьУдалить