Как да направите флаш текст в HTML: 10 стъпки

Мигащият текст никога не е бил стандартен HTML функция и следователно се изпълнява по различен начин във всеки браузър. Най-близката опция, която зависи само от HTML, е маркерът на Marquee, но дори не работи в Google Chrome. jаvascript - по-надежден метод, който ви позволява да копирате и поставите кода директно в HTML документа.

Стъпка

Метод 1 от 2:

Използване на маркера Marquee

един. Използвайте го само за лични проекти. Маркираният маркер отдавна е остарял, а разработчиците са силно препоръчани да го избегнат. Той се показва по различни начини в браузърите и след следващата актуализация на текста и може да спре да мига изобщо. Ако развивате професионален сайт, след това по-добре замени jаvascript.

Google Chrome не поддържа атрибута Scrollamount, който се основава на този метод. Поради тази причина текстът няма да мига, а да навигирате в страницата.

Изображение, озаглавено Направете текст мига в HTML Стъпка 2

2. Surround Мигащ текст Маркира. Отворете HTML документ в прост текстов редактор. Inter преди текста, който трябва да мига. Вмъкване В края на текста.

Не забравяйте първо Попълнете HTML страницата TEGS , и .

Изображение, озаглавено Направете текст мига в HTML стъпка 3

3. Посочете ширината на текста. Добавете към етикета за отваряне Ширина ="300". T. Няма да промени размера на шрифта. Има две причини, поради които може да се наложи да промените тази стойност на друга:

Ако текстът надхвърля границата, той ще се движи и не мига. Увеличаване на ширината на текста, за да се избегне.

В хром текст ще се премести на разстояние, определено от определената ширина.

Изображение, озаглавено Направете текст мига в HTML стъпка 4

4. Дублирайте стойността на ширината за атрибута на Scrollamount. Вътре в същия маркер добави Scrollamount ="300" (същото значение като ширината). Маркираният етикет ще принуди текста да премине през страницата. Но ако копирате стойността на ширината на атрибута Scrollamount, текстът ще премине към първоначалното ви положение, като по този начин причинява ефекта на трептене.

Вашият текст трябва да изглежда по този начин:
Мигащ текст..

Изображение, озаглавено Направете текст мига в HTML стъпка 5

пет. Променете закъснението за превъртане. Отворете HTML файла в браузъра, за да видите резултата. Ако текстът мига твърде бързо или твърде бавно, променете скоростта, като използвате атрибута Scrollldelay ="500". По подразбиране забавянето е 85 милисекунди.Увеличете този номер, за да забавите трептенето или да го намалите, за да ускорите.

Сега низът трябва да изглежда така:
Мигащ текст.

Изображение, озаглавено Направете текст мига в HTML стъпка 6

6. Ограничете количеството отблясъци (по избор). Много потребители са досадни мигащи текст. Ако вече сте привлекли вниманието на потребителя, спрете трептенето, като добавите атрибута Loop ="7". Сега текстът мига седем пъти и след това изчезва. Вместо седем, можете да използвате друг номер.

Краен код на кода:
Мигащ текст.

Метод 2 от 2:

Използване на jаvascript

един. Поставете скрипта на трептене в HTML документния документ. Поставете следния jаvascript код между маркерите и HTML документ:

Функция Blinktext () {
Var f = документ.Getelementbyid ("съобщение")-
Setinterval (функция () {
Е.Стил.Видимост = (f.Стил.Видимост == "Скрит" ? ":" Скрит ")-
}, 1000)-
}

Изображение, озаглавено Направете текст мига в HTML стъпка 8

2. Поставете командата, за да изтеглите скрипта. Кодът по-горе определя функцията и го нарича "blinktext" (мигащ текст). За да използвате тази функция в HTML, променете етикета на .

Изображение, озаглавено Направете текст мига в HTML стъпка 9

3. Определете мигащия текст като реклама. След това скриптът ще повлияе само на елементите с идентификатора на съобщението (AD). Поставете мигащия текст във всеки елемент и го присвоите този идентификатор. Например, въведете

Мигащ текст.

или

Мигащ текст.

Назовете го, както ви харесва. Най-важното е, че скриптът и идентификаторът стояха една и съща дума.

Изображение, озаглавено Направете текст мига в HTML стъпка 10

4. Коригирайте сценария. Номерът "1000" в скрипта е отговорен за забавянето на мигането. Тъй като стойността е посочена в микросекунди, "1000" прави текста светкавица веднъж в секунда. Намалете този номер, за да ускорите мигането или да го увеличите, за да забавите.

Самата закъснение, най-вероятно, няма да спази тази стойност. Вероятно той ще бъде малко по-кратък, но може да отнеме повече време, ако браузърът бъде претоварен с искания.

Съвети

За да промените външния вид на избрания текст, използвайте атрибута в стила. Опитайте да добавите стил ="Граница: солидна".
В допълнение към ширината до маркера Маркута, можете да добавите и атрибут на височина, но много браузъри го игнорират. Може да забележите разликата, ако заобикаляте текста.
За да накарате текста да мига, можете да използвате CSS анимация. Това е доста сложен процес и не се препоръчва за нови програмисти в CSS. Ще ви е необходим свързан CSS документ, тъй като Firefox не поддържа CSS анимации с вградени CSS.

Предупреждения

Не използвайте етикет Или проектиране на текст чрез таблица с CSS стилове, тъй като много малко модерни браузъри се поддържат от.