Последние записи

made in programmersforum 6

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

13th
Фев

Эффект при наведении (jQuery)

Posted by maloy under JavaScript

Danik25

Установил скрипт эффекта затемнения объектов в шапку —

Код:


<script>
jQuery(function(){
$("#button").hover(function(){
$(this).stop().animate({opacity:'2.0'})},
function(){$(this).stop().animate({opacity:'.3'})}
);
});
</script>
<style>
#button img{opacity:.2;filter:alpha(opacity=30)}
</style>

Он работает, но проблема в том, что не сразу. Пока ты не наведешь курсором на объект, скрипт к нему (объекту) почему-то не подключается (т.е. пока не наведешь курсор, ни затемнение ни анимация не работают). Может я его поставил не туда или переменную какую-то добавить нужно?
Я думал сделать его через css, но к сожалению не имею достаточно знаний как это сделать

MaTBeu

Если вам нужно сразу затенить кнопку — сделайте стиль и скрипт

Стиль

Код:


#button {
   opacity: .3;
}

Скрипт

Код:


<script type="text/javascript">
jQuery(document).ready(function(){
   $("#button").hover(function(){
      $(this).stop().animate({opacity:'2.0'})},
         function(){$(this).stop().animate({opacity:'.3'})
      }
   );
});
</script>

На одной строке можно сделать следующим стилем (заменить существующий)

Код:


.wr1 {
   width: 900px;
   margin: 0 auto;
   overflow: hidden;
}

#button,
#button1 {
   float: right;
   width: 90px;
   height: 90px;
   background: transparent url(/YT_off.png) center center no-repeat;
}

тема на форуме

Последние записи

made in programmersforum 6

Эффект при наведении (jQuery)

Похожие статьи

Купить рекламу на сайте за 1000 руб

пишите сюда - alarforum@yandex.ru