[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Лаборатория WEB-мастера » WEB-эффекты » Плавный показ баннеров при наведении (Плавный показ баннеров при наведении)
Плавный показ баннеров при наведении
БатяДата: Суббота, 18.02.2012, 19:49 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 34
Репутация: 10
Статус: Offline
Инструкцию по созданию скрипта для баннеров, которые должны плавно появляться при наведении. Точнее просто должно быть увеличение свойства opacity.
Вот сам код CSS:
Code
.banners img {   
     border: 0;   
     padding: 0;   
     outline: none;   
     opacity: 0.5;   
   }


Вот этот скрипт нужно установить в нижнюю часть сайта:
Code
<script type="text/javascript">     
   $('.banners img').hover(function(){     
   $(this).stop().animate({'opacity':'1'})     
}, function(){     
   $(this).stop().animate({'opacity':'0.5'})     
});     
</script>


Ну и вот сам код баннеров нужно помещать в данный тег:
Code
<span class="banners">   
   ваши баннеры   
</span>


Думаю, это всё. Удачи Вам music


Сообщение отредактировал Батя - Суббота, 18.02.2012, 20:04
 
Форум » Лаборатория WEB-мастера » WEB-эффекты » Плавный показ баннеров при наведении (Плавный показ баннеров при наведении)
Страница 1 из 11
Поиск: