Приветствую Вас Прохожий | RSS Воскресенье, 29.09.2024, 12:28
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Скрипт opacity создает анимацию текста или картинки

Предлагаю вашему вниманию простенький скрипт который создает мерцание любого объекта страницы сайта, картинки, или текста. Пример работы можно увидеть на сайт avtos.do.am в внутри новости. Удобное затухание графического изображения придает приятное отображение и привлечение внимание пользователя, в этом вы можете убедится сами просмотрев живой пример на сайте указанном выше.
Скрипт opacity создает анимацию текста или картинки.

  • Установка:
    В самый низ страницы, перед </body> вставляем данный скрипт
    Code
    <script type="text/javascript">function animeite(){$('#opacity$ID$1').delay(200).animate({"opacity": 0.1},1000).delay(800).animate({"opacity": 1},500,animeite);}animeite();</script>

    то что у нас будет мигать заключаем в такой вид массива:
    Code
    <div id="opacity$ID$1">картинка или текст</div>


  • Настройки:
    Если вы хотите создать несколько мигающих деталей на 1 странице сайта, то необходимо дать каждому индивидуальное имя таким образом:
    Code
    #opacity$ID$1
    заменяем в скрипте на
    Code
    #opacity$ID$1,#opacity$ID$2,#opacity$ID$3

    а там где сама деталь, картинка это уникальное имя приставляем как ID к каждому так же раздельно
    Code
    <div id="opacity$ID$1">картинка или текст</div>  
      <div id="opacity$ID$2">картинка или текст</div>  
      <div id="opacity$ID$3">картинка или текст</div>

    Настройка анимации и времени так же внутри скрипта.
    $ID$ - придает уникальную нумерацию в дополнения имени.
  • Автор\Источник: http://ucozon.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 3121 | Комментарии: 5 | Рейтинг: 3.0/4 | |Категория: Скрипты Разное | Добавил: мир | Дата: 14.12.2011 | Скачали: 0 | Теги: анимацию, opacity, Скрипт, текста, создает, Картинки
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 5
    0  
    3 Kapusha   Дата: 14.12.2011  Время: 16:08   [№ 11501] [Материал]
    вместо animete нужно animate)

    +1  
    4 STAFF   Дата: 14.12.2011  Время: 16:16   1 [№ 11502] [Материал]

    +1  
    5 Kapusha   Дата: 14.12.2011  Время: 16:20   2 [№ 11503] [Материал]
    Упс...Ошибся) Учусь все таки))
    Просто не сталкивался с этим еще)

    0  
    1 V-style   Дата: 14.12.2011  Время: 14:15   [№ 11499] [Материал]
    Подправьте ошибки.
    У вас написано: "вы этом вы можите убедиться сами посмотрев живой пример на сайте казаном выше" в первом местоимении ы уберите. А вместо казаном я думаю надо поставить Юкозон написать, хотя в это не уверен.

    0  
    2 MDNdemon   Дата: 14.12.2011  Время: 14:23   1 [№ 11500] [Материал]
    Сказанном - имели введу


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Форма входа


    Поиск


    На форуме

    1 Работа на заводе

    29

    2 Комплексный прогон сайт...

    54

    3 Армия

    0

    4 Может у кого есть!

    6

    5 Нужны копирайты

    1

    6 Остались честные СМИ?

    0

    7 Раздача подарков и стик...

    1

    8 Дисковое пространство

    3

    9 Ручной прогон по трасто...

    19

    10 бот для умножения денег...

    0


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2024


    Кнопка 88х31 сайта ucozon.ru