Какой рейтинг вас больше интересует?
|
JQuery анимация кнопок2013-10-30 16:10:15 (читать в оригинале)Этот простой плагин JQuery оживляет значок на кнопкe . 1.Скачиваем [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам examples.zip (344.4 Kb)[/is-logged] ,распаковываем и заливаем в папку с шаблоном 2.Подключаем стили : Код: <link rel="stylesheet" href="{tpl_url}/icomon/style.css" />3.Код самой кнопки ставим туда где хотите её видеть: Код: <a href="#" class="loda-btn">4.Перед /body подключаем скрипты: Код: <script type="text/javascript" src="{tpl_url}/js/jquery-1.9.1.js"></script> Классы loda-btn и loda-icon использует плагин для применения стиля к кнопке. Опять же, стиль довольно прост и делается в файле loda-button.css . Таблицы стилей могут быть изменены, как вам нравится. Для создания имени кнопки использовать обычный стиль JQuery: Код: var lodaBtn = $('#loda-btn').lodaButton(); Для активации кнопки и запустить анимацию значка: Код: lodaBtn.lodaButton('start'); и остановить анимацию: Код: lodaBtn.lodaButton('stop'); Анимация создается с помощью CSS3 анимации, переходы и преобразования, которые поддерживаются Chrome, Firefox, Opera и Internet Explorer 10
|
Категория «Дизайн»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.