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

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

  1. Offline

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

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

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

  2. Наши спонсоры

     
  3. AKopytenko
    Offline

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

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


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

    woojin Местный Команда форума => Cпециалист <=

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

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

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Точно. =O
    О мой замыленый мозг...
     
    AKopytenko, 12.11.2013
    #4
< Изменить фон только модулей | Помогите подобрать модуль, похожий на SimpleForm2 >

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

Загрузка...