21
Июн

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

Если вы хотите на вашем сайте разместить срочное объявление или новость и выделить её среди остальных, можно сделать мигающим заголовок для привлечения внимания. В этом случае не обойтись без JavaScript или jQuery

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

<body  onload="setInterval('blinkIt()',500)">

<script type="text/javascript">

function blinkIt() {

 if (!document.all) return;

 else {

   for(i=0;i<document.all.tags('blink').length;i++){

      s=document.all.tags('blink')[i];

      s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible';

   }

 }

}

</script>

<blink>Мигающий текст</blink>

</body>

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

	<head>

		<title>Blinking Text</title>

		<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

		<script type="text/javascript">

		$(function(){

			$("#blinkingText").hide();

			setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);			

		});

		</script>

	</head>

	<body>

<p id="blinkingText">Blinking Text</p>

<p style="position: absolute; top: 50px;"><a href="#">Hide Blinking Text (set display: none)</a></p>

</body>