Помощник
|
Плавное открытие/скрытие блоков |
gaaarfild
|
Сообщение
#1
|
||
|
|
||
|
|||
fatery |
5.12.2009, 19:10;
Ответить: fatery
Сообщение
#2
|
|
jQuery, наверное.. Читайте в инете про него, сам не особо знаком.
Помогите кто знает тут - javascript фотогалерея -------------------- |
|
|
Eugene_hb |
5.12.2009, 22:27;
Ответить: Eugene_hb
Сообщение
#3
|
|
Можно, например, так. Нужна 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> Если решение устроит, то стили оформления подправить, наверно, не составит труда. |
|
|
ZiTosS |
6.12.2009, 1:43;
Ответить: ZiTosS
Сообщение
#4
|
|
EugeneM, я думаю gaaarfild просит объяснить именно как реализуется сие чудо на JS, каковы алгоритмы и попиксильная резка.
Реализация относительно проста: 1) Нужен таймер, который задаёт скорость изменения: setInterval() или setTimeout(); 2) Нужно задавать шаг, который будет изменять параметр высоты. 3) Нужно определиться как мы будем вызывать нашу функцию: вешать на обработчик действия или реализуя назначение действия при формировании страницы. Вообще можно заглянуть в код jQuery. Там подобное реализовано. Но нужно учесть что там всё взаимосвязанно, там так много объектов что можно запутаться, поэтому начинать нужно с самого объекта jQuery. |
|
|
gaaarfild
|
Сообщение
#5
|
|
А неужели просто в Javascript это не сделать? Обязательно нужен Jquery? Мне кажется и без него можно.
|
|
|
ZiTosS |
6.12.2009, 4:05;
Ответить: ZiTosS
Сообщение
#6
|
|
gaaarfild,
Я написал 3 пункта которые надо выполнить. То есть надо будет написать функцию и вызывать её для нужных объектов через обработчики. Или же назначать event'ы прям в JS. Писать код, на подобии ... el.style.width = i + "px"; ... не вижу смылса. Натолкнуть я тебя натолкнул на идею, а вот как выглядит это в виде кода, попробуй сам... Поблагодарили: (0) |
|
|
gaaarfild
|
Сообщение
#7
|
|
|
=))Не догнал сразу. =) Я сегодня какой-то медлительный. =) Спасибо. =)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
JewStor ➤ Миксер криптовалют ↔ Обменник ↔ Удаленное открытие карт ↔ BTC, LTC, ETH, BCH, BSV, Tether OMNI – TRC20 – BEP20, Tron, XRP и др. | 11 | JewStor | 4059 | 27.3.2024, 15:08 автор: JewStor |
|
Удаленное открытие счетов, карт MASTERCARD/VISA, сим-карт для граждан РФ в Беларуси | 22 | Poll99 | 4789 | 1.3.2023, 16:55 автор: Poll99 |
|
ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ | 0 | Dark_process | 1013 | 7.11.2022, 13:48 автор: Dark_process |
|
Нужен дизайнер для прорисовки блоков на сайте | 3 | kolyas | 1596 | 12.5.2020, 21:24 автор: kolyas |
|
Правила обертывание блоков | 1 | sergei_burg | 5591 | 17.10.2016, 19:34 автор: -Degradator- |
Текстовая версия | Сейчас: 18.4.2024, 2:07 |