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

Плавно мигающие элементы сайта
22.06.14, 20:19:08



Сам давно искал этот плагин и с вами спешу поделиться! Данное чудо заставит любой элемент вашего сайта плавно мигать с заданной скоростью и степенью перехода прозрачности

Установка:

Для начала в head вставляйте следующий скрипт:

Код
<script>
$(document).ready(function(){
$.fn.wait = function(time, type) {
time = time || 100;
type = type || "fx";
return this.queue(type, function() {
var self = this;
setTimeout(function() {
$(self).dequeue();
}, time);
});
};
function runIt() {
$("blink").wait()
.animate({"opacity": 0.8},500)
.wait()
.animate({"opacity": 1},500,runIt);
}
runIt();
});
  </script>


Здесь у нас участок с настройками:

$("blink").wait()
.animate({"opacity": 0.8},500)
.wait()
.animate({"opacity": 1},500,runIt);
}

0.8 - максимальная прозрачность
500 - скорость затухания
1 - минимальная прозрачность
500 - скорость появления

Теперь нам останется лишь обрамить элементы (Картинки или любые другие участки сайта) в теги:

Код
<blink>Здесь будет мигающий элемент</blink>


Всё smile
Категория: jQuery | Добавил: Apocalypse | Теги: мигающие, Плавно, сайта, элементы
Просмотров: 425 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: