Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.11.2011, 23:09
Аватар для Dudo4nick
Интересующийся
Отправить личное сообщение для Dudo4nick Посмотреть профиль Найти все сообщения от Dudo4nick
 
Регистрация: 20.07.2011
Сообщений: 23

Плавное исчезновение/появление элемента
Здравствуйте!
Хотел сделать плавное исчезновение/появление изображения при наведении мыши
$(function() {
            $(".mypic").mouseover(function() {
                $(this).animate({ opacity: "0" }, 500);
            });
			
			 $(".mypic").mouseout(function() {
                $(this).stop().animate({ opacity: "100" }, 500);
            });
          
        });

Проблемы:
1) появляется он как надо, а вот исчезает резко, мгновенно
2) в IE8 эффекта плавности нет вообще
Кто-нибудь может мне помочь?
Ответить с цитированием
  #2 (permalink)  
Старый 27.11.2011, 12:03
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от Dudo4nick
Кто-нибудь может мне помочь?
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#test {
	border: 1px solid;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
	$("#test").mouseover(function() {
		$(this).animate({ opacity: "0" }, 700);
	});
	$("#test").mouseout(function() {
		$(this).stop().animate({ opacity: "1" }, 1000);
	});
});
</script>
</head>
<body>
<p id='test'>Test</p>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 28.11.2011, 13:40
Интересующийся
Отправить личное сообщение для Mazai Посмотреть профиль Найти все сообщения от Mazai
 
Регистрация: 29.03.2011
Сообщений: 23

В IE 8 нет css свойства opacity, попробуй использовать fadeTo().
http://jquery-docs.ru/effects/fadeto/
Ответить с цитированием
  #4 (permalink)  
Старый 28.11.2011, 13:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от Mazai
В IE 8 нет css свойства opacity
Но темнение мой пример в ИЕ8 таки работает...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Расстояние от элемента до элемента (Sandr) Общие вопросы Javascript 4 24.11.2011 17:20
Браузер не успевает определить высоту вновь созданного через XMLHttpRequest элемента Lockpickup AJAX и COMET 17 25.04.2011 17:58
помогите "уловить" момент появления элемента Bebarr Swallow Events/DOM/Window 4 18.03.2011 08:16
Скопировать обработчики событий с одного элемента на другой. Jurasmi Events/DOM/Window 3 10.11.2010 19:03
Текст после элемента Vulkan Events/DOM/Window 3 15.10.2010 11:59