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

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

irbees2008 irbees2008 Опубликовано - 17 - сентября Текст и ссылки
3431 - 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йту: 4628 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [4]
  • Гости: [4]
  • Были сегодня : [3] Google, Яндекс, dankeanke
  • SQL запросов: 32
  • Генерация страницы: 0.359сек
  • Потребление памяти: 5.167 Mb 
  •   Яндекс.Метрика