Стиль text-decoration css blink blink тег (Мигающий текст)

Рубрика: CSS верстка, HTML верстка, JavaScripts, jQuery

Старый забытый тег blink, забытый не только людьми но и некоторыми браузерами например тег blink да и стиль css text-decoration:blink, не поддерживают Safari, Chrome, IE но иногда так хочется сделать мигающий текст на сайте чтобы он надоедал или электронные часы, и в этом нам поможет JS, а именно такой код:

<script>
<!--
function doBlink() {
var blink = document.all.tags("BLINK")
for (var i=0; i<blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" } function startBlink() { if (document.all) setInterval("doBlink()",1000) } window.onload = startBlink; // -->
</script>

Есть также готовое решение плагин jQuery Blink

<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('.blink').blink(); // default is 500ms blink interval.
//$('.blink').blink(100); // causes a 100ms blink interval.
});
</script>

PS: Кстати blink самый ненавистный HTML тег :)

P.S.:

Мигающий текст на jQuery:



Теги:


Поделись с друзьями:

комментария 3

комментария 3 для записи Стиль text-decoration css blink blink тег (Мигающий текст)

  1. Meltem:

    Да, то что надо сделаю это на своем сайте. Спасиб.

  2. Replic:

    Прикольные электронные часики получились, в стили ретро, зачет!

  3. Christos:

    А где сам код?