Скрипт "Мигание рамки"

картинка смотрим праздник

Категории в разделе Эффекты :

Информация о материале: Категория: Рамка, Border; Просмотров: 45

№ - 5 Эффект «Мигание рамки»

Скрипт, который поможет Вам выделить рисунок, блок, часть статьи мигающим обрамлением - рамкой.

Поочерёдно меняющиеся цвета сторон рамки создают эффект мигания, переливание оттенков.

Возможно изменить скорость мигания рамки, количество цветов...

Для работы скрипта, после добавления его на страницу, в простой тэг рисунка, блока или параграфа вставляем следующую строку id="flash0" class="flashgroup", то есть строка будет выглядеть так:

<img src="/1.jpg" id="flash0" class="flashgroup"> или <div id="flash1" class="flashgroup">

Для «раскраски» каймой нескольких элементов, значение id="flash0" изменяем на id="flash1"...id="flash5" и так далее, по порядку.

Скрипт помещаем в самый низ страницы сразу перед </BODY>

Изображение в теге <div>

"Далее" Смотреть работу скрипта

Стороны окантовки меняют цвет.

Описание картинки в span

Описываем изображение вставленное в тег < p >

Добавленные атрибуты к изображению.

Скопировать код

//specify color of flash
var flashcolor="#00FF00";
var flashcolor1="#CCCC00";//var flashcolor2="#00FF00";var flashcolor3="#CCCC00";
//скорость мигания
var speed=150

/////No need to edit below here////
var curborder=new Array()
var increment=0
var flashobject=new Array()

if (document.all||document.getElementById){
while (document.getElementById("flash"+increment)!=null){
flashobject[increment]=document.getElementById? document.getElementById("flash"+increment).style : eval("document.all.flash"+increment+".style")
curborder[increment]=0
increment++
}
}
function flash(which){
if (curborder[which]==1){
flashobject[which].borderLeftColor=flashcolor
flashobject[which].borderBottomColor= flashobject[which].borderRightColor
}
else if (curborder[which]==2){
flashobject[which].borderTopColor=flashcolor1
flashobject[which].borderLeftColor= flashobject[which].borderBottomColor
}
else if (curborder[which]==3){
flashobject[which].borderRightColor=flashcolor
flashobject[which].borderTopColor= flashobject[which].borderLeftColor
}
else if (curborder[which]==4){
flashobject[which].borderBottomColor=flashcolor1
flashobject[which].borderRightColor= flashobject[which].borderTopColor
}

if (curborder[which]<=3)
curborder[which]++
else
curborder[which]=1
}

if (document.all||document.getElementById){
for (z=0;z<flashobject.length;z++){
var temp='setInterval("flash('+z+')",'+speed+')'
eval(temp)
}
}
</script>

~ Меняем ширину , стиль и цвет окантовки - border:8px dashed GREEN;
~ Изменить цвет сторон рамки - var flashcolor="#00FF00";
~ Добавить оттенки сторон рамки в строке- var flashcolor1="#CCCC00"; var flashcolor2="#00FF00"; var flashcolor3="#CCCC00"; и изменить порядковый номер flashobject[which].borderTopColor=flashcolor1...flashcolor2...
~ Изменить скорость смены красок - var speed=150

Создайте текстовый документ .txt --> Копируем код в форме и вставляем в файл .txt --> Переименуйте файл в .HTML ---> Откройте с помощью браузера и увидите результат.

Что скажете?

Картинки и ссылки
Для сохранения картинки на компьютер наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт : Сохранить изображение как...

Для получения ссылка на картинку , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Копировать адрес изображения

Для просмотра оригинала картинки , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Открыть изображение в новой вкладке или Открыть исходное изображение в новой вкладке.

Интересно:

Меню

Открытки
Обои
Алфавит-надпись
Алфавит-клипарт
Календарь
Голосовое поздравление
Генератор
Фотошоп онлайн

Обновление :

Для победителя | Новый год | Удачи |

Категории с примерами :

Облака, тучи(паттерн) | Мрамор(паттерн) | С Рождением внучки | С Рождением Племянника | С Рождением племянницы | Бенедикт | Бенедикт - текст | Арина |

Промокод ЕСТЬ

Заказать аудио поздравление со скидкой.

ПромоКод / действует - Г.М.Д.

8 MARTA2026 ~ до 2026-03-09 ~ 5% не многоразовый

По этому промокоду Вы получаете скидку в 5% при заказе любого аудио поздравления. Каждый пользователь может оплатить со скидкой одно поздравление до конца срока действия кода.
Поздравляйте своих родных и близких Вам людей и будет Вам счастье!

к

приложение Яндекс — с Алисой АІ на мобильное устройство с Android или iOS.

в

HTML и BB код на картинку

Оставить комментарий

Генератор для просмотра нескольких картинок вместе

Красиво написанные названия праздников на прозрачном фоне.

Клипарт png, картинки gif, паттерны, фоны, текстуры .

Январь Февраль Март Апрель Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь

м

Скрипт "Мигание рамки"

Скрипт, который поможет Вам выделить рисунок, блок, часть статьи мигающим обрамлением - рамкой.

Поочерёдно меняющиеся цвета сторон рамки создают эффект мигания, переливание оттенков.

Обновление :

Для победителя | Новый год | Удачи |

Категории с примерами :

Облака, тучи(паттерн) | Мрамор(паттерн) | С Рождением внучки | С Рождением Племянника | С Рождением племянницы | Бенедикт | Бенедикт - текст | Арина |

Красиво написанные названия праздников на прозрачном фоне.

Клипарт png, картинки gif, паттерны, фоны, текстуры .

10 Популярных материалов

Информация о разделах

Файлы готовятся к загрузке:

Последние добавленные :

картинки png , jpg , gif:

Скромница | Попугайчик (мульт) | Ёжики (мульт) Будущая мама, Беременная (мульт) | Художник (мульт) | Брачующиеся Свадьба (мульт) | Палатка | Трава | | |

Праздники:

Дата - год -цифры | Шаблон Эскиз открытки | День проектировщика | День гражданской авиации | День пьяного ёжика | Новый год Лошади | День художника | | | | |

День Рождения , Юбилей :

39 лет - ДР | 40 лет - ДР | | |

Богдана - текст | Божена | Божена - текст | Бьянка | Бьянка - текст | | | | |

Разное:

Выходной | Давай помиримся | Весы | Скорпион |
Движение фрагмента | Рамка-border | Эффект курсора |

Инфа:

Ваш комментарий:

Скрипт "Мигание рамки"

Скрипт, который поможет Вам выделить рисунок, блок, часть статьи мигающим обрамлением - рамкой.

Поочерёдно меняющиеся цвета сторон рамки создают эффект мигания, переливание оттенков.

Обновление :

Для победителя | Новый год | Удачи |

Категории с примерами :

Облака, тучи(паттерн) | Мрамор(паттерн) | С Рождением внучки | С Рождением Племянника | С Рождением племянницы | Бенедикт | Бенедикт - текст | Арина |

Красиво написанные названия праздников на прозрачном фоне.

Клипарт png, картинки gif, паттерны, фоны, текстуры .

10 Популярных материалов

Информация о разделах

Файлы готовятся к загрузке:

Последние добавленные :

картинки png , jpg , gif:

Скромница | Попугайчик (мульт) | Ёжики (мульт) Будущая мама, Беременная (мульт) | Художник (мульт) | Брачующиеся Свадьба (мульт) | Палатка | Трава | | |

Праздники:

Дата - год -цифры | Шаблон Эскиз открытки | День проектировщика | День гражданской авиации | День пьяного ёжика | Новый год Лошади | День художника | | | | |

День Рождения , Юбилей :

39 лет - ДР | 40 лет - ДР | | | Богдана - текст | Божена | Божена - текст | Бьянка | Бьянка - текст | | | | |

Разное:

Выходной | Давай помиримся | Весы | Скорпион | Движение фрагмента | Рамка-border | Эффект курсора |

Инфа:

Ваш комментарий:

39 лет - ДР | 40 лет - ДР | | |

Богдана - текст | Божена | Божена - текст | Бьянка | Бьянка - текст | | | | |

Выходной | Давай помиримся | Весы | Скорпион |
Движение фрагмента | Рамка-border | Эффект курсора |