Главная » Файлы » Прочие скрипты » jQuery

Плавный переход между вкладками на jQuery
22.06.14, 20:11:27

Скачать файл






Интересный скрипт, который наверняка сможет произвести на вас приятное впечатление своей простотой настройки и удобством использования.

Установка:

На страницах, где будет использоваться данный скрипт в head вставьте следующий код:
Код
<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>


Далее в то место, где хотите видет саму форму с вкладками:
Код
<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 (Если такой у вас нет - создайте) залейте скрипт из прикреплёного архива

Всё! наслаждайтесь скриптом smile

P.S. Временно размещаю пример на одном из своих тестовых сайтов: ССЫЛКА
Категория: jQuery | Добавил: Apocalypse | Теги: Плавный, Между, переход, вкладками, на, JQuery
Просмотров: 400 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: