Последние записи
- Перенести программу из Delphi в Lazarus
- Определить текущую ОС
- Автоматическая смена языка (раскладки клавиатуры)
- Сравнение языков на массивах. Часть 2
- wprintf как напечатать кириллицу
- Взаимодействие через командную строку
- Сравнение языков на массивах. Часть 1
- Сравнение языков по скорости
- Чтение огромных xml-файлов
- Как в Python+Selenium webdriver открыть новую вкладку в уже открытом браузере?
Интенсив по 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, но к сожалению не имею достаточно знаний как это сделать
Если вам нужно сразу затенить кнопку — сделайте стиль и скрипт
Стиль
#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;
}
Похожие статьи
Купить рекламу на сайте за 1000 руб
пишите сюда - alarforum@yandex.ru
Да и по любым другим вопросам пишите на почту
пеллетные котлы
Пеллетный котел Emtas
Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)