Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 15.08.2018
Топ 5 участников по репутации


Плавное открытие/скрытие блоков

#1 gaaarfild

gaaarfild
  • Неактивные
  • 596 сообщений
  • Репутация: 0
0

Отправлено 05 December 2009 - 17:01

Как сделать плавное раскрытие и открытие блоков, например как вконтакте. Нажал на заголовок, плавно открылось. и наоборот.
И очень хотелось бы, чтобы подробно объяснили, как осуществляется движение.

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. JS (раскрыть/скрыть) Как сделать чтобы список раскрывался со сменой ссылки
  2. Скрытие блока при клике вне его области JavaScript
  3. Скрипт работает только на одном блоке
  4. JavaScript скрыть показать блок, при открытии одного, другие скрываются, как?
  5. Эффективно ли скрытие ссылок через js?

#2 FaTeRy

FaTeRy
  • Неактивные
  • 480 сообщений
  • Репутация: 1

Отправлено 05 December 2009 - 18:10

jQuery, наверное.. Читайте в инете про него, сам не особо знаком.
Помогите кто знает тут - javascript фотогалерея
  • 0

#3 EugeneM

EugeneM
  • Неактивные
  • 20 сообщений
  • Репутация: 0

Отправлено 05 December 2009 - 21:27

Можно, например, так. Нужна jQuery - найти где скачать ее в Интернете не проблема.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.spoilerCaption').click(function(){
$(this).parent().children('div.spoilerContent').toggle('normal');
$(this).blur();
return false;
});
});
</script>
<style type="text/css">
.spoilerContent {
display:none;
padding: 10px;
border: 1px solid #ddd;
}
</style>
</head>
<body>
<div>
<a href="#" class="spoilerCaption">Показать скрытый текст</a>
<div class="spoilerContent">
<p>Может и не совсем как ВКонтакте...</p>
<p>Все равно я не видел как там сделано, не люблю я все эти социальные сети.</p>
<p>Но, вроде бы тоже вполне даже ничего!</p>
</div>
</body>
</html>

Если решение устроит, то стили оформления подправить, наверно, не составит труда. :blink:
  • 0

#4 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 06 December 2009 - 00:43

EugeneM, я думаю gaaarfild просит объяснить именно как реализуется сие чудо на JS, каковы алгоритмы и попиксильная резка.

Реализация относительно проста:
1) Нужен таймер, который задаёт скорость изменения: setInterval() или setTimeout();
2) Нужно задавать шаг, который будет изменять параметр высоты.
3) Нужно определиться как мы будем вызывать нашу функцию: вешать на обработчик действия или реализуя назначение действия при формировании страницы.

Вообще можно заглянуть в код jQuery. Там подобное реализовано. Но нужно учесть что там всё взаимосвязанно, там так много объектов что можно запутаться, поэтому начинать нужно с самого объекта jQuery.
  • 0

#5 gaaarfild

gaaarfild
    Topic Starter
  • Неактивные
  • 596 сообщений
  • Репутация: 0

Отправлено 06 December 2009 - 01:36

А неужели просто в Javascript это не сделать? Обязательно нужен Jquery? Мне кажется и без него можно.
  • 0

#6 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 06 December 2009 - 03:05

gaaarfild,

Я написал 3 пункта которые надо выполнить. То есть надо будет написать функцию и вызывать её для нужных объектов через обработчики. Или же назначать event'ы прям в JS.
Писать код, на подобии
...
el.style.width = i + "px";
...
не вижу смылса. Натолкнуть я тебя натолкнул на идею, а вот как выглядит это в виде кода, попробуй сам...
  • 0

#7 gaaarfild

gaaarfild
    Topic Starter
  • Неактивные
  • 596 сообщений
  • Репутация: 0

Отправлено 06 December 2009 - 03:42

=))Не догнал сразу. =) Я сегодня какой-то медлительный. =) Спасибо. =)
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru