vk
" uCoz - это не просто бесплатный хостинг и CMS, но и средство заработка! "

Сайт-помощник по uCoz [ Beta ]

Данный раздел находится в разработке!
Поэтому может не корректно отображатся и функционировать!

Скрипт эффекта мигания картинки

Описание: Очень простое решение для реализации мигающего эффекта для картинки.

Установка:

1. Копируем скрипт ниже и ставим где нужно.

Код
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){$.fn.wait = function(time, type){time = time || 10;type = type || "fx";return this.queue(type, function(){var self = this;setTimeout(function(){$(self).dequeue();}, time);});};function runIt() {$('.blxx').wait()
.animate({"opacity": 0.1},700)
.wait()
.animate({"opacity": 1},700,runIt);}
runIt();});
</script>
<img class="blxx" src="http://umasters.ucoz.ru/demo/scripts/js/NDobrew.png" alt="img" style="width: 20em;">

  


- < img claаss="blxx" srс="httр://umasters.ucoz.ru/demo/scripts/js/NDobrew.png" аlt="img" stylе="width: 20еm;" > - это картинка, её можно заменять.

Настройки скрипта:

.animate({"opacity": 0.1},700) - это значение времени увеличения значения прозрачности
.animate({"opacity": 0.1},700) - это значение максимальной прозрачности - 10%
.animate({"opacity": 1},700,runIt);} - это значение времени уменьшения значения прозрачности
.animate({"opacity": 1},700,runIt);} - это значение минимальной прозрачности , 100% - непрозрачное изображение,
{time = time || 10;type = type || - это значение паузы между изменениями прозрачности
Автор публикации: Prochtenniy   Повысить репутацию Prochtenniy за эот материал
Источник: Смотреть | Дата публикации: 27.01.2013 | Просомтров: 2136
$ Помощь по установке и настройке $

Платная помощь по uCoz

Комментарии ↓


rm">
avatar