Как заставить мигать текст в html: 10 шагов

Текстот за трепка никогаш не бил стандардна HTML функција, и затоа се спроведува поинаку во секој прелистувач. Најблиската опција која само се потпира на HTML е тагот на марки, но дури и не работи во Google Chrome. jаvascript - посигурен метод кој ви овозможува да го копирате и залепите кодот директно до HTML-документот.

Чекори

Метод 1 од 2:

Користење на тагот на марки

Еден. Користете го само за лични проекти. Тагот на марки одамна е застарена, а програмерите се препорачуваат да го избегнат. Се прикажува на различни начини на прелистувачи, а по следното ажурирање на текстот и може да престане да трепка воопшто. Ако се развива професионално место, тогаш подобро заменете го jаvascript.

Google Chrome не го поддржува атрибутот Scrollamout, кој се базира на овој метод. Поради оваа причина, текстот нема да трепка, туку да се движи низ страната.

Сликата со наслов Направете текст трепка во HTML чекор 2

2. Опкружувачки трепка текстуален таг Marquee. Отворете HTML-документ во едноставен уредувач на текст. Внесете пред текстот што треба да трепка. Вметнете На крајот на текстот.

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

Сликата со наслов Направете текст трепка во HTML чекор 3

3. Наведете ја ширината на текстот. Додадете во отворот Ширина ="300">. Тоа нема да ја промени големината на фонтот. Постојат две причини зошто можеби ќе треба да ја промените оваа вредност на друга:

Ако текстот оди подалеку од границата, тоа ќе се движи, а не трепка. Зголемете ја ширината на текстот за да се избегне.

Во Chrome текстот ќе се пресели на растојание дефинирано со наведената ширина.

Сликата со наслов Направете текст трепка во HTML чекор 4

Четири. Дуплирајте ја ширината вредност за атрибутот Scrollamount. Внатре во истата ознака Додај ScrollaMount ="300" (исто значење како ширината). Тагот на марки ќе го принуди текстот за да се движи низ страната. Но, ако ја копирате вредноста на ширината на атрибутот Scrollamount, текстот ќе се префрли во вашата почетна позиција, со што ќе предизвика ефект на трепкање.

Вашиот текст треба да изгледа вака:
Трепка текст..

Сликата со наслов Направете текст трепка во HTML Чекор 5

Пет. Променете го задоцнувањето на скролување. Отворете ја датотеката HTML во прелистувачот за да го видите резултатот. Ако текстот трепка премногу брзо или премногу бавно, променете ја брзината користејќи го атрибутот Scrollldelay ="500". Стандардно, доцнењето е 85 милисекунди.Зголемете го овој број за да го забавите треперењето или да го намалите за да го забрзате.

Сега стрингот треба да изгледа вака:
Трепка текст.

Сликата со наслов Направете текст трепка во HTML чекор 6

6. Ограничете го износот на отсјајот (опционално). Многу корисници се досадни трепкачки текст. Ако веќе го привлече вниманието на корисникот, запрете го трепкачот со додавање на атрибутот Јамка ="7". Сега текстот трепка седум пати, а потоа исчезнува. Наместо седум, можете да користите било кој друг број.

Поглед на конечниот код:
Трепка текст.

Метод 2 од 2:

Користење на jаvascript

Еден. Вметнете го скриптот на трепкање во заглавието HTML документ. Вметнете го следното jаvascript код помеѓу ознаките и HTML документ:

Функција BlinkText () {
Var f = документ.GetElementsid (`Најава`)-
Setinterval (функција () {
Ф.Стил.Видливост = (f.Стил.Видливост == "Скриена" ? ``: `Скриени`)-
}, 1000)-
}

Сликата со наслов Направете текст трепка во HTML чекор 8

2. Вметнете ја командата за да ја преземете скриптата. Кодот погоре ја одредува функцијата и го нарекува "BlinkText" (трепка текст). За да ја користите оваа функција во HTML, променете ја ознаката на .

Сликата под наслов Направете текст трепка во HTML чекор 9

3. Го одредува тековниот текст како реклама. Тогаш скриптата ќе влијае само на предметите со идентификаторот за објавување (реклама). Ставете го трепкачкиот текст во која било ставка и назначете го овој идентификатор. На пример, внесете

Трепка текст.

или

Трепка текст.

Наведете го како што сакате. Главната работа е дека скриптата и идентификаторот стоеја истиот збор.

Сликата со наслов Направете текст трепка во HTML чекор 10

Четири. Исправи го сценариото. Бројот "1000" во скриптата е одговорен за одложувањето на трепкањето. Бидејќи вредноста е означена со микросекунди, "1000" го прави текстот блиц еднаш во секунда. Намалете го овој број за да го забрзате трепкањето или да го зголемите за забавување.

Самиот задоцнување, најверојатно, нема да биде точно во согласност со оваа вредност. Многу е веројатно дека ќе биде малку пократок, но може да потрае повеќе време ако прелистувачот е преоптоварен со барања.

Совети

За да го промените изгледот на избраниот текст, користете го атрибутот на стилот. Обидете се да додадете стил ="Граница: цврсто".
Во прилог на ширината до тагот на марки, исто така можете да додадете атрибут на висина, но многу прелистувачи го игнорираат. Може да ја забележите разликата ако ја опкружувате текстуалната рамка.
За да го присилите текстот на Flash, можете да ја користите CSS анимацијата. Ова е прилично комплициран процес и не се препорачува за програмери на почетниците во CSS. Ќе ви треба поврзан CSS документ, бидејќи Firefox не поддржува CSS анимации со вградени CSS.

Предупредувања

Не користете ознака Или дизајнирање текст со користење на GSS стилови табела, бидејќи многу малку модерни прелистувачи се поддржани од.