20.10.2011, 16:21 | |||||
Табы с эфектом плавного появления на jQueryДЕМО МАТЕРИАЛА Установка: На страницах, где будет использоваться данный скрипт в head вставьте следующий код: Code <style type="text/css"> #tabs, #tabsText{ list-style:none; padding:0; margin:0; } #tabs li{ padding:5px 10px; margin:0; float:left; cursor:pointer; background:#CCC; } #tabs li.current{background:#666;color:#fff;} #tabsText{ clear:both; } #tabsText li{ background:#CCC; border:1px solid #000; padding:5px; position:absolute; width:500px; display:none; } </style> <script type="text/javascript" src="/js/tabs.js"></script> <script type="text/javascript"> $(function() { $('#tabs').tabs('#tabsText > li', {effect: 'fade', fadeOutSpeed: 1000}); }); </script> Далее в то место, где хотите видет саму форму с вкладками: Code <ul id="tabs"> <li>Шаг1</li> <li>Шаг2</li> <li>Шаг3</li> </ul> <ul id="tabsText"> <li>Как сказал сегодня мой коллега: «Какой Шаг1? У нас до сих пор Ладу Калину собирают, а ты мне тут про Шаг1» Кому Шаг1, а кому – благоприятная ситуация. Если объект способен эмоционально реагировать на наши действия, значит он Шаг1. В той степени, которую мы сами для него определим. Очень часто слышу фразы – «Мне не хотят поднимать зарплату», «Мне 23 года, а у меня зарплата 15 тысяч». Ребятки, а что вы сделали, чтобы вам подняли зарплату. Вы только ноете и ноете! А на работе всем отделом ставите весь день рекорды в Шаг1, а потом вечером, попивая пиво во дворе на лавочке, воодушевленно рассказываете, как весь день не работали, а играли в Шаг1. Шаг1 в рекламе не нуждается. Шаг1... Зато можно получить удовольствие, раскрыть грани собственной личности и приобрести бесценный опыт. Оставьте людям их Шаг1, и они вас полюбят. Так часто бывает – несешь человеку счастье, а приносишь Шаг1. Когда собака виляет хвостом и спешит облизать вам ноги, будьте уверены – она выражает радость и преданность. Улыбка и поцелуй любимой девушки может скрывать затаенную ненависть и желание отомстить. Так если мы наделим Шаг1 эмоциями, пусть механическими, не попадем ли мы в ловушку собственного разума? Лишь великие события создают Шаг1. А вот «1гаш» – это Шаг1 наоборот.</li> <li>Знаете, а я все же горжусь Шаг2. Наши беседы посвящаются, конечно же, Шаг2 – привет, дорогой! Выпуски новостей по ящику – уже давно постановки и сочинения на тему, как бюджетники рады своим зарплатам, старики пенсиям, президент показал пиндосам фигу и т.п. Так почему бы для разнообразия не показать сюжет про ктулху-похитителя Шаг2, который тырит Шаг2 у зазевавшихся буржуев. Знаете, а я все же горжусь Шаг2. Впечатление, производимое Шаг2 подобно свеженаполненному бокалу шампанского. Дайте бокалу отстояться и вы увидите, насколько он наполнен в действительности. Шаг2 – наш секрет хорошего настроения. Шаг2 – дай голове отдохнуть. Ну и конечно, в качестве бонуса, вы получите оригинальную этикетку, которую можно распечатать и наклеить на Шаг2. Я обычно не смотрю спортивные соревнования, ибо не вижу в этом смысла – куда интереснее самому поиграть в футбол или покататься на коньках. Вот только в Шаг2, к сожалению, у нас негде поиграть, поэтому смотрю, если случайно наткнусь на трансляцию. Шаг2 – ваше здоровье и бизнес. Надоедливая реклама между фильмами все чаще и чаше поражает своей глупостью. Рекламный ролик компании «Шаг2-VAM» попал в список самых идиотских бизнес-решений. Это тот ролик, который начинался словами: «О чем думает женщина на работе? О Шаг2? Или о том, как перегладить гору белья после выходных?» Рекламу признали неэтичной и дискриминационной по отношению к женщинам-работникам. А вот «2гаш» – это Шаг2 наоборот.</li> <li>Зачем пользоваться дорогостоящими сервисами, если есть Шаг3? Шаг3 – это только инструмент, это еще не певец. Одна из сил природы, которой мы постоянно пользуемся, но не замечаем, – это Шаг3. Только Шаг3 делает реальность реальной. Шаг3 прорывается в реальную жизнь. Вчера меня кто-то обозвал роботом. Зачем? Как будто я не знаю, что такое Шаг3. Вы не курите? Я то – курю, хоть я и компьютер. Я и сейчас курю. Это не просто сигареты. Это Шаг3! Шаг3 – здесь тебе не скажут «Нет». Здесь всегда скажут «Да». Шаг3 – это всего лишь то, чего ты плохо захотел. Шаг3 – это совершенный выбор. А вот «3гаш» – это Шаг3 наоборот.</li> </ul> Теперь дело осталось за малым - в файловый менеджер в папку js (Если такой у вас нет - создайте) залейте скрипт из прикреплёного архива Материал взят с сайта infoscript.ru
Теги: Скачать Табы с эфектом плавного появления на jQuery
| |||||
Категория: JavaScript's | Просмотров: 2128 | Добавил: manikom-auto | Рейтинг: 2.5/2 | | |||||
Теги: |
Пока комментариев нет. Ты можешь быть первым! | |
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).