Главная » 2011 » Октябрь » 20 » Табы с эфектом плавного появления на jQuery (Javascript)
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
Скачать "Табы с эфектом плавного появления на jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 2128 | Добавил: manikom-auto | Рейтинг: 2.5/2 |
Теги: эфектом, Табы, jQuery, На, плавного, появления
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]