Мигащ текст
6 отговора
0 прегледа
Мигащ текст
Как да направя в страницата си даден текст да мига? Не зная дали ще ви е нужен, но ето целия код:
<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>
[линк]
Гледай ся, к'ви въпроси ма вълнуват.
<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>
[линк]
Гледай ся, к'ви въпроси ма вълнуват.
Re: Мигащ текст
Има една дребна подробност - blink не се поддържа от IE, Safari, Chrome. Има някакъв вариант със жабаскрипт...но откровено казано не ми се търси в момента.
Цинична поезия - наслада за душата и на кура главата
Цинична поезия - наслада за душата и на кура главата
Re: Мигащ текст
Може като се комбинират ефектите fadeIn и fadeOut. Когато fadeIn-не след определен интервал да fadeOut-не. Другият метод в стил "лесния път" е да направиш текста на анимиран гиф, който да мига.
Господ ще ми прости греховете. Това му е работата.
Господ ще ми прости греховете. Това му е работата.
Редактирано от Бokop на
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>
------------------------------------------
<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>
------------------------------------------
Re: Мигащ текст
Най-добре си направи gif с мигащия текст.
Абсолютно съвместим с всички видове браузъри освен Lynx.
Абсолютно съвместим с всички видове браузъри освен Lynx.
Re: Мигащ текст
<style type="text/css">
<!--
p#blinking {text-decoration: blink;}
-->
</style>
и в хтмл-то:
<p id="blinking">blink blink blink</p>
<!--
p#blinking {text-decoration: blink;}
-->
</style>
и в хтмл-то:
<p id="blinking">blink blink blink</p>