Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.11.2010, 13:54
Кандидат Javascript-наук
Отправить личное сообщение для Бобр Посмотреть профиль Найти все сообщения от Бобр
 
Регистрация: 03.11.2008
Сообщений: 116

Как сделать, чтобы span или div исчезали и появлялись плавно?
Как сделать, чтобы span или div исчезали и появлялись плавно?

Обычно делается так:
style.display = 'none';

Но исчезновение происходит мгновенно, и часто не успеваешь понять, что именно исчезло. Можно ли как-то сделать так, чтобы блок плавно уменьшался до полного исчезновения?
Ответить с цитированием
  #2 (permalink)  
Старый 26.11.2010, 14:05
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Можно, как пример на jQuery

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<a href="#">click</a>
<div style="background: blue; width: 200px; height: 50px;"></div>

<script>
$('a').click(function() {
  $('div').fadeToggle('slow', 'linear');
});
</script>

Последний раз редактировалось monolithed, 26.11.2010 в 14:11.
Ответить с цитированием
  #3 (permalink)  
Старый 26.11.2010, 14:16
Кандидат Javascript-наук
Отправить личное сообщение для Бобр Посмотреть профиль Найти все сообщения от Бобр
 
Регистрация: 03.11.2008
Сообщений: 116

А можно без джиКвэри?
Ответить с цитированием
  #4 (permalink)  
Старый 26.11.2010, 14:25
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от Бобр
А можно без джиКвэри?
Лично у меня нет лишних полчаса
Ответить с цитированием
  #5 (permalink)  
Старый 26.11.2010, 15:24
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

http://studioad.ru/blog/2009-04-16-66
Ответить с цитированием
  #6 (permalink)  
Старый 26.11.2010, 18:27
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

а можно и по другому. накрыть сверху див другим дивом. и плавно менять его его свойсво css от прозрачного до основного цвета сайта)
Ответить с цитированием
  #7 (permalink)  
Старый 26.11.2010, 21:54
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от dmitriymar
накрыть сверху див другим дивом. и плавно менять его его свойсво css
Что мешает менять эти свойства у самого элемента без всяких "накрытий"?

Последний раз редактировалось ksa, 26.11.2010 в 21:56.
Ответить с цитированием
  #8 (permalink)  
Старый 26.11.2010, 22:02
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

ну мона и так. только смотря ведь какой элемент плавно скрывать и открывать.хотя ты прав и я прав))
Ответить с цитированием
  #9 (permalink)  
Старый 26.11.2010, 23:22
Кандидат Javascript-наук
Отправить личное сообщение для Бобр Посмотреть профиль Найти все сообщения от Бобр
 
Регистрация: 03.11.2008
Сообщений: 116

Я имел в виду не уменьшение прозрачности, а уменьшение размеров блока. Можно каким-то параметром плавно уменьшать его размеры, там ставить 90% от оригинальной высоты, потом 80% и так далее?
Ответить с цитированием
  #10 (permalink)  
Старый 26.11.2010, 23:37
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

ну и что сложного?)))

parObjp=document.getElementById(id diva);
parObjp.style.position="absolute";
for (x=100;x>0;x--){
for (y=100;y>0;y--){

parObjp.style.height=y+"px";
parObjp.style.width=x+"px";
}
}

Последний раз редактировалось dmitriymar, 26.11.2010 в 23:40.
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать, чтобы русские буквы не вводились в определенные поля формы? yachainik Общие вопросы Javascript 6 13.02.2017 16:43
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24
Как сделать чтобы при нажатии мышки появлялся/исчезал блок DIV, а сл.текст сдвигался? goshikvia Элементы интерфейса 19 21.04.2009 16:59
Как сделать плавно выпадающию панель? YISHIMITSY Общие вопросы Javascript 17 06.11.2008 22:09