Как сделать анимированную ссылку?

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем piter_piter, 10.11.2013.

  1. Offline

    piter_piter Пользователь

    Регистрация:
    20.01.2012
    Сообщения:
    76
    Симпатии:
    0
    Пол:
    Мужской
    Вопрос такой- как сделать так, чтобы при наведении на изображение курсора- это изображение менялось?
    Но только это изображение должно быть ссылкой.
    Как это сделать?

    Сделал вот так:
    Но это, исходя из кода- просто изображение, которое меняется при наведении курсора.
    А нужно, чтобы это изображение было ссылкой!
     
  2.  
  3. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Тогда JavaScript. Что-то типо:
    Код (html):
    1. <div class="img" onclick="document.location.href = 'http://адрес-страницы'"></div>


    Но тогда уж лучше вообще всё сделать через JS.
    Помещаете внутрь DIV картинку, обрамлённую A HREF.
    И, соответственно, пишите простенький JavaScript по смене атрибута картинки SRC при наведении курсора мыши (смена SRC картинки по событию ONHOVER / ONMOUSEOVER).
     
  4. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    shurikkan, нах такие сложности?
    картинка вставляется в тег а и при наведении курсора на него происходит смена картинки как указал ТС, при помощи :hover
     
  5. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Точно. =O
    О мой замыленый мозг...
     

Поделиться этой страницей

Загрузка...