Хаки и Скрипты Next Generation CMS

FancyText - jQuery плагин плюс CSS3 анимация.

irbees2008 irbees2008 Опубликовано - 17 - сентября Текст и ссылки
3635 - 0
  • Адаптировал: irbees2008
  • Источник:
  • Уровень сложности исполнения: нужны навыки css html
  • Демо:

Этот плагин позволяет из обычного текстового поля (input) получить составной элемент (input + label) с разнообразными эффектами .
И так приступим.
1.Скачиваем исходник Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем папки js и css в папку с шаблоном.
2.В хеад подключаем стили и скрипты,если jquery второй раз подключать не надо.

Код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="{{ tpl_url }}/js/jquery.fancy-textbox.js" type="text/javascript"></script>
<link href="{{ tpl_url }}/css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="{{ tpl_url }}/css/fancy-textbox.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="{{ tpl_url }}/css/fancy-textbox-ie.css" />
<![endif]-->
<script type="text/javascript">
$(document).ready(function () {
$('input').ftext();
});
</script>
3.Ну и сам пример инпута
Код:
<input type="text" data-animation="slide" id="fancy" data-label="Slide" data-mask="Текст" />
Ну теперь в исходниках смотрите нужный эффект и добавляете себе.

Можешь почитать и вот эту статейку "Не много о таблицах"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйт cущecтвуeт: 4626 дней
  • Статических страниц: 10
  • Категорий: 28
  • Новостей: 618
  • Неопубликованных новостей: 8
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [16]
  • Гости: [16]
  • Сегодня нас посетили: [7] Google, Larrytitly, Яндекс, Яндекс, irbees2008, Google, dankeanke
  • SQL запросов: 39
  • Генерация страницы: 0.098сек
  • Потребление памяти: 2.942 Mb 
  •   Яндекс.Метрика