Прозрачность рисунка opacity или fadein

@cheizer · Регистрация: 07.02.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте, подскажите пожалуйста как реализовать эффект для рисунка, по умолчанию рисунок приглушон opacity, а при наведении плавно opacity убирается. Как это реализовать библиотекой jQuery?

@Good-bad man · 08.02.2011, 12:24

JavaScript
1
2
3
4
5
$('#img').bind('mouseover',function(){
    $(this).animate({opacity:1},600);
}).bind('mouseout',function(){
    $(this).animate({opacity:0.5},600);
});

Vovan-VE · 08.02.2011, 15:14

Good-bad man,

JavaScript
1
2
3
4
5
6
7
8
.hover(
    function(){
        $(this).stop().animate({opacity : 1}, 600);
    },
    function(){
        $(this).stop().animate({opacity : 0.5}, 600);
    }
);

@Good-bad man · 08.02.2011, 15:39

Не по теме:

Vovan-VE, да я уже как-то привык всё делать через bind :)

@cheizer · 08.02.2011, 22:37 **[ТС]**

Спасибо большое! Подскажите как этот код использовать правильно?

я делаю так:

JavaScript
1
2
3
4
5
6
7
8
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript">
$('#img').bind('mouseover',function(){
    $(this).animate({opacity:1},600);
}).bind('mouseout',function(){
    $(this).animate({opacity:0.5},600);
});
</script>

HTML5
1
<a href=""><img id="img" class="hover" alt="" src="images/vimeo.png" /></a>

но ничего не получается

@Hagrael · 09.02.2011, 17:37

cheizer, попробуйте то, что посоветовал Vovan-VE.

Vovan-VE · 09.02.2011, 17:42

Сообщение от cheizer

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
$('#img').bind('mouseover',function(){
 $(this).animate({opacity:1},600);
}).bind('mouseout',function(){
 $(this).animate({opacity:0.5},600);
});
</script>

Забыли $(function(){ });

HTML5
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
$(function(){
    $('#img').bind('mouseover',function(){
        $(this).animate({opacity:1},600);
    }).bind('mouseout',function(){
        $(this).animate({opacity:0.5},600);
    });
});
</script>

@cheizer · 09.02.2011, 18:46 **[ТС]**

Спасибо большое вам!

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@cheizer 1 / 1 / 0 Регистрация: 07.02.2011 Сообщений: 12

	Прозрачность рисунка opacity или fadein 07.02.2011, 21:50. Показов 4078. Ответов 7 Метки нет (Все метки) Здравствуйте, подскажите пожалуйста как реализовать эффект для рисунка, по умолчанию рисунок приглушон opacity, а при наведении плавно opacity убирается. Как это реализовать библиотекой jQuery? 0

@Good-bad man
	08.02.2011, 15:39
	Не по теме: Vovan-VE, да я уже как-то привык всё делать через bind :) 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	09.02.2011, 17:37
	cheizer, попробуйте то, что посоветовал Vovan-VE. 0

@cheizer 1 / 1 / 0 Регистрация: 07.02.2011 Сообщений: 12
	09.02.2011, 18:46 [ТС]
	Спасибо большое вам! 0