Мигащ текст

6 отговора 0 прегледа
#1

Мигащ текст

Как да направя в страницата си даден текст да мига? Не зная дали ще ви е нужен, но ето целия код:

<table style="border-color: rgb(136, 136, 136); border-width: 1px; border-collapse: collapse;" border="1" bordercolor="#888888" cellspacing="0">
<tbody>
<tr>
<td style="width: 307px; height: 58px;"><font size="5"><span style="background-color: rgb(0, 0, 0); font-family: trebuchet ms,sans-serif;">Как да мигам?</span></font>

</td>
<td style="width: 60px; height: 58px;"></td>
<td style="width: 60px; height: 58px;"></td>
<td style="width: 60px; height: 58px;"></td>
<td style="width: 60px; height: 58px;"></td>
</tr>
<tr>
<td style="width: 307px; height: 17px;"></td>
<td style="width: 60px; height: 17px;"></td>
<td style="width: 60px; height: 17px;"></td>
<td style="width: 60px; height: 17px;"></td>
<td style="width: 60px; height: 17px;"></td>
</tr>
</tbody>
</table>



[линк]

Гледай ся, к'ви въпроси ма вълнуват.
Отговор
в отговор на edna selianka #3

Re: Мигащ текст

Има една дребна подробност - blink не се поддържа от IE, Safari, Chrome. Има някакъв вариант със жабаскрипт...но откровено казано не ми се търси в момента.

Цинична поезия - наслада за душата и на кура главата
Отговор
в отговор на edna selianka #4

Re: Мигащ текст

Може като се комбинират ефектите fadeIn и fadeOut. Когато fadeIn-не след определен интервал да fadeOut-не. Другият метод в стил "лесния път" е да направиш текста на анимиран гиф, който да мига.

Господ ще ми прости греховете. Това му е работата.

Редактирано от Бokop на

Отговор
в отговор на Бokop #5

Re: Мигащ текст

Драснах набързо един скрипт, който би трябвало да бачи под всички браузъри. Само го копирай и го запиши в един html файл:

<html>
<head>
<title>Пример за мигащ текст</title>
<script type="text/javascript">
function StartBlink() {
window.setInterval("ChangeColor()", 500);
}
function ChangeColor() {
var BlinkText = document.getElementById("BlinkText");
if (BlinkText.style.color == "black") {
BlinkText.style.color = "red";
} else {
BlinkText.style.color = "black";
}
}
</script>
</head>
<body onload="javascript:StartBlink()">
Следният текст е <span id="BlinkText" style="color:black;">мигащ</span>.
</body>
</html>


------------------------------------------

Отговор
в отговор на edna selianka #6

Re: Мигащ текст

Най-добре си направи gif с мигащия текст.



Абсолютно съвместим с всички видове браузъри освен Lynx.

Отговор
в отговор на edna selianka #7

Re: Мигащ текст

<style type="text/css">
<!--
p#blinking {text-decoration: blink;}
-->
</style>

и в хтмл-то:

<p id="blinking">blink blink blink</p>

Отговор