Ролловер HTML-изображения: исчезать влево или вправо

0

Я использую этот код, чтобы навести указатель мыши на кнопку изменения

получил код с этого сайта

http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html

Код im использует:

<a href="Blog"><img src="images/menu/dflt_blog_btn.png" onmouseover="this.src='images/menu/rlovr_blog_btn.png'" onmouseout="this.src='images/menu/dflt_blog_btn.png'" /></a>

Возможно ли, чтобы оно исчезло, а не просто изменилось? если да, то как я могу это сделать?

это может быть глупо, но если мы сможем заставить его исчезнуть, можем ли мы заставить его исчезать влево или вправо????

Теги:

1 ответ

0

Вы можете сделать это, используя,

  $(document).ready(function(){
     $('a').hover(function(){
          $(this).stop().find('img').hide()
          .attr('src','img1.jpg').fadeIn();
      },function(){
          $(this).stop().find('img').hide()
          .attr('src','img2.jpg').fadeIn();
     });
  })

DEMO

Поделиться
  • 0
    Спасибо, m8 ... еще один вопрос, как мне реализовать это на моей HTML-странице, это выглядит как jquery
  • 0
    @Malinda Загрузите jquery.js с Jquery.com. Просто дайте ссылку на этот файл js, как и на другие файлы js, и скопируйте этот фрагмент вставки внутри тега script. Вы сделали. :)
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню