Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Мигание текста 
:(
    Опции темы
Alexey(Eburg)
Дата 27.7.2004, 08:30 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Пришла в голову такая идея!
Некий текст - предупреждение необходимо выделить так чтобы его не могли не заметить.
В связи с этим такой вопрос:
Можно ли как-нибудь средствами JavaScript сделать мигающий текст, то есть один стиль к примеру меняет другой каждую секунду!

P.S. Не хотелось бы использовать gif анимацию. Страница и так сильно перегружена! Заранее благодарен!
  Вверх
Gold Dragon
Дата 27.7.2004, 09:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71



Попробуй так
Код
<html>
<body>
<script>
var ind = 0
function qqq() {
var vis
vis = document.getElementById("tmp")
if (ind==0){
 vis.style.color = "Black"
 ind=1
}
else{
 vis.style.color = "Red"
 ind=0
}
}
window.setInterval('qqq()',1000)
</script>
<div id="tmp">Бла бла бла бла</div>
</body>
</html>



--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Alexey(Eburg)
Дата 27.7.2004, 09:24 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Red Dragon спасибо! Все работает!
  Вверх
Sardar
Дата 27.7.2004, 13:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317





--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Aliance
Дата 2.8.2004, 18:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Ещё:
Код
<script language="JavaScript1.2">
var msg = "[color=blue]текст[/color]";
var colorTimer = null;
for (var i=0; i<msg.length; i++){
document.write("<span id = \"vjeko" + i + "\" style = \"color:blue; font-size:xx-large;\">" + msg.charAt(i) + "</span>");
}
function toHex(n){
var hexChars = "0123456789ABCDEF";
if (n == 0) return n;
var j, k;
var temp = "";
while (n != 0){
 j = n % 16;
 n = (n - j)/16;
 temp = hexChars.charAt(j) + temp;
}
return temp;
}
function colorize(){
if (!document.all) return;
for (i=0; i<msg.length; i++){
k = Math.round(Math.random() * 16777215);
k = toHex(k);
while (k.length < 6){
 k = k + "0";
}
document.all["vjeko" + i].style.color = '#' + k;
}
colorTimer = window.setTimeout("colorize()", 200);
}
</script>[/b]

После чего: [b]<BODY onLoad="colorize()">[/b]

Или:

Добавить в style css свойство:[LIST]
[*].F1 {filter: glow(Color=#FF8000, Strength=10);}
[*].F2 {filter: glow(Color=#00FF00, Strength=9);}
[*].F3 {filter: glow(Color=#0080FF, Strength=12);}
[*].F4 {filter: glow(Color=#00FF00, Strength=6);}
[/LIST]
Или:

<table style="border:2px solid navy">
<tr>
<td>
[color=blue]текст[/color]
</td>
</tr>
</table>

<script language="JavaScript">
<!--
function flashit()
{
if (!document.all)
return;
if (myexample.style.borderColor == "yellow")
myexample.style.borderColor="red";
else myexample.style.borderColor = "yellow"}
setInterval("flashit()", 1000)
//-->
</script>

М
 
Замечания:
  • Не нужно обращать цвет в hexa, лучше пишите "rgb("+красный+", "+зеленый+""+синий+")" в десятичных.
  • Пишите кроссбраузерный код, это так просто, если следовать последним спецификациям.
  • Пользуйтесь понятием collection, а не берите кучу обьектов одной группы по ID, прочем это не замечание, а моё предубеждение.

PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0936 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.