Визуальный эффект раскрывающегося контейнера (как у sape)

12
A
На сайте с 18.10.2007
Offline
125
1191

Хотелось бы сделать нечто подобное этому эффекту - на главной у сапы есть три кнопочки, при нажатии на заголовок под ними, под заголовком раскрывается контейнер с текстом. Подскажите, как реализована сия красота. Спасибо.

Только те, кто предпринимают абсурдные попытки, смогут достичь невозможного.
Константинович
На сайте с 13.09.2008
Offline
319
#1

alarm, сам недавно спрашивал на форуме. Искал в интеренете - не нашел.

Поэтому засел на изучение кода sape на часок. Потом всё выяснилось, что для этого финта используется display:none и ajax. Там всё просто. Можно прямо со страницы сапы всё сохранить. Правда необходимо весь код подчистить. Работы, максимум, на полчаса.

Всё довольно просто, надеюсь, объяснил понятно.

Нужны финансы? Быстрая скупка (http://dragmettorg.com/skupka_zolota/). Цены на сайте. А потом отыграй из на казино онлайн правила (http://premium-games.ru/)
A
На сайте с 18.10.2007
Offline
125
#2

Константинович, как раз изучаю)

Нашел, кстати, вот такой вариант http://www.freeartists.ru/articles/make-up/menu-css-javascript/

lazio
На сайте с 05.10.2006
Offline
47
#3

глянул краем глаза, вродь ajax там не используется. Все достаточно просто - делаются блоки описания, им присваивается display:none, при клике на соответствующую ссылку переопределяется display:block. Все это дело реализовано на jqury. В инете куча материала про скрывающиеся панельки и эфекты на jqure =)

Дерзайте!

ЗЫ: linkexchanger.su/2008/61.html вот тута мона глянуть примеры

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
MiRaj
На сайте с 03.07.2006
Offline
509
#4

alarm, http://miralinks.ru/users/registration - смотрите код, чистый JS и слои.

Муркетолог. 100 пресс-релизов с прямыми ссылками за 150 баксов? Легко! (http://b2blogger.com) Статейный маркетинг - лучшее лекарство от Минусинска! (http://miralinks.ru)
Константинович
На сайте с 13.09.2008
Offline
319
#5
MiRaj:
смотрите код, чистый JS и слои.

Спасибо большое.

Вот как бывает. Человек помог и ссылочку на свой сайт дал. :)

Anarchist
На сайте с 23.07.2008
Offline
185
#6

а что помешало посмотреть на той же сапе?)

stealthy
На сайте с 15.06.2006
Offline
69
#7

или посмотреть что написано на www.jquery.com. там с этого примера все и начинается. зачем ухо ногой чесать? мануалы для кого пишут?

Twilight CMS (http://www.twl.ru): есть Free версия, очень проста и удобна в использовании. Консультирую по любым вопросам. Новый спорт - практическая стрельба (http://nikit.in) - не для офисного планктона.
[Удален]
#8

Этот эффект очень простой. Можно сделать его красиво, и без jQuery. Просто тупо берем див, ставим ему автоматическую высоту, и начальное значение line-height:0.0; А дальше таймером догоняем его до нужного значения. Получится очень похоже только не будет видно белых рамок наезжающих на текст.

stealthy
На сайте с 15.06.2006
Offline
69
#9

neolord, jquery делает то же самое, работает в любом браузере и сто миллионов раз протестировано. Зачем нужно писать свой кривой велосипед если уже сделано по-человечески?

lazio
На сайте с 05.10.2006
Offline
47
#10

stealthy, хотя бы затем, что jquery достаточно увесистая штука. Согласитесь, лучше самописный скрипт на, скажем, 50 строк, чем файл в 30кб. Все фрейворки обладают широким функционалом, что сказывается на размере и рациональность использования...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий