Jak zrobić tekst Flash w HTML: 10 kroków

Migający tekst nigdy nie był standardową funkcją HTML, a zatem jest wdrażane inaczej w każdej przeglądarce. Najbliższa opcja, która opiera się tylko na HTML to znacznik markizy, ale nawet nie działa w Google Chrome. jаvascript - bardziej niezawodna metoda, która umożliwia kopiowanie i wklejanie kodu bezpośrednio do dokumentu HTML.

Kroki

Metoda 1 z 2:

Korzystanie z tagu markizy

jeden. Użyj go tylko do projektów osobistych. Znacznik markizy od dawna był przestarzały, a deweloperzy są zdecydowanie zalecane, aby go uniknąć. Jest wyświetlany na różnych sposobach przeglądarek, a po następnej aktualizacji tekstu i może przestać migać w ogóle. Jeśli opracujesz profesjonalną stronę, lepiej wymień jаvascript.

Google Chrome nie obsługuje atrybutu scrollamount, który jest oparty na tej metodzie. Z tego powodu tekst nie będzie migać, ale poruszając się po stronie.

Obraz zatytułowany Make Tekst mrugaj w kroku HTML

2. Surround Flashing Tekst Tag Marquee. Otwórz dokument HTML w prostym edytorze tekstu. Wchodzić Przed tekstem, który powinien migać. Wstawić Na końcu tekstu.

Nie zapomnij najpierw Wypełnij stronę HTML Tegs , i .

3. Określ szerokość tekstu. Dodaj do znacznika otwarcia Szerokość ="300">. Nie zmienia rozmiaru czcionki. Istnieją dwa powody, dla których możesz zmienić tę wartość na inny:

Jeśli tekst wykracza poza granicę, będzie się poruszyć i nie mrugnąć. Zwiększ szerokość tekstu, aby uniknąć.

W Tekst Chrome przejdzie do odległości określonej przez określoną szerokość.

Obraz zatytułowany Wykonaj mrugnięcie tekstu HTML Krok 4

cztery. Zduplikuj wartość szerokości dla atrybutu scrollamount. Wewnątrz tego samego tagu Dodaj scrollamount ="300" (To samo znaczenie, co szerokość). MARQUEE Tag zmusi tekst do poruszania się po stronie. Ale jeśli kopiujesz wartość szerokości do atrybutu scrollamount, tekst przejdzie do pozycji początkowej, powodując tym samym efekt migotania.

Twój tekst powinien wyglądać w ten sposób:
Migający tekst..

Obraz zatytułowany Make Tekst mrugaj w HTML Krok 5

pięć. Zmień opóźnienie przewijania. Otwórz plik HTML w przeglądarce, aby zobaczyć wynik. Jeśli tekst miga zbyt szybko lub zbyt wolno, zmień prędkość za pomocą atrybutu Scrollldellay ="500". Domyślnie opóźnienie wynosi 85 milisekund.Zwiększ ten numer, aby spowolnić migotanie lub zmniejszyć go, aby przyspieszyć.

Teraz ciąg powinien wyglądać tak:
Migający tekst.

Obraz zatytułowany Wykonaj tekst Tekst w kroku HTML 6

6. Ogranicz ilość olśnienia (opcjonalnie). Wielu użytkowników denerwuje migający tekst. Jeśli już przyciągnąłeś uwagę użytkownika, zatrzymaj migotanie, dodając atrybut Pętla ="7". Teraz tekst miga siedem razy, a następnie zniknąć. Zamiast siedmiu można użyć dowolnej innej liczby.

Ostateczny widok kodu:
Migający tekst.

Metoda 2 z 2:

Za pomocą jаvascript

jeden. Włóż skrypt migotania w nagłówku dokumentu HTML. Włóż następujący kod jаvascript między tagami i Dokument HTML:

Funkcja BlinkText () {
Var f = dokument.GetElementByid ("Ogłoszenie")-
SetInterval (Funkcja () {
FA.Styl.Widoczność = (f.Styl.Widoczność == "ukryty" ? ``: `Hidden`)-
}, 1000)-
}

Obraz zatytułowany Make tekst mrugaj w kroku HTML 8

2. Włóż polecenie, aby pobrać skrypt. Powyższy kod określa funkcję i nazywa go "BlinkText" (migający tekst). Aby korzystać z tej funkcji w HTML, zmień znacznik na .

3. Określ migający tekst jako reklamę. Następnie skrypt wpłynie tylko na elementy z identyfikatorem ogłoszenia (AD). Umieść migający tekst w dowolnym elemencie i przypisz go do tego identyfikatora. Na przykład wprowadź

Migający tekst.

lub

Migający tekst.

Nazwij go, jak chcesz. Najważniejsze jest to, że skrypt i identyfikator stali tego samego słowa.

cztery. Popraw skrypt. Numer "1000" w skrypcie jest odpowiedzialny za opóźnienie migania. Ponieważ wartość jest wskazana w mikrosekundach, "1000" sprawia, że tekst flash raz na sekundę. Zmniejsz ten numer, aby przyspieszyć miganie lub zwiększyć go, aby zwolnić.

Sama opóźnienie, najprawdopodobniej nie będzie zgodne z tą wartością. Jest prawdopodobne, że będzie to trochę krótszy, ale może to potrwać więcej czasu, jeśli przeglądarka jest przeciążona przez żądania.

Rada

Aby zmienić wygląd wybranego tekstu, użyj atrybutu stylu. Spróbuj dodać styl ="Border: Solid".
Oprócz szerokości do znacznika markizy można również dodać atrybut wysokości, ale wiele przeglądarek go ignoruje. Możesz zauważyć różnicę, jeśli otaczasz ramkę tekstową.
Aby zmusić tekst do flashowania, możesz użyć animacji CSS. Jest to dość skomplikowany proces i nie jest zalecany dla programistów początkujących w CSS. Będziesz potrzebował połączony dokument CSS, ponieważ Firefox nie obsługuje animacji CSS z wbudowanymi CSS.

Ostrzeżenie

Nie używaj tagu Lub projektowanie tekstu za pomocą tabeli stylów CSS, ponieważ obsługuje bardzo mało nowoczesnych przeglądarek.