Как отобразить мигающую / мигающую ссылку в HTML - PullRequest
Новая
       5

Как отобразить мигающую / мигающую ссылку в HTML

1 голос
/ 08 июля 2010

Мне нужна ссылка, которая будет мигать каждые 500 миллисекунд, в течение 5 секунд ... Я давно помню такую ​​ссылку, но удалил ее, потому что щелкнуть ее можно было только тогда, когда она была видна. Есть ли обходной путь для этого?

Ответы [ 5 ]

4 голосов
/ 08 июля 2010

Попробуйте это: 

<script type="text/javascript">
var col = new String();
var x=1;var y;

function blink()
{
 if(x%2) 
 {
  col = "rgb(255,0,0)";
 }else{
  col = "rgb(255,255,255)";
 }

 aF.style.color=col;x++;if(x>2){x=1};setTimeout("blink()",500);
}
</script>


<body onload="blink()">

<a id="aF" href="http://www.google.com"><b>*Google!*</b><br>
1 голос
/ 08 июля 2010

Не забывайте всегда учитывать удобство использования для всех пользователей. Особенно, если вы заставляете что-то мигать с определенной частотой. Только будь осторожен.

1 голос
/ 08 июля 2010

Есть CSS

текстовое оформление: моргание

но это будет постоянно моргать вашей ссылкой, вам понадобится JavaScript, чтобы изменить стиль через 5 секунд.

1 голос
/ 08 июля 2010

В Script.aculo.us есть функция JavaScript, которая делает это: * * * * * * * * * * * * *

0 голосов
/ 12 октября 2012

'A' быстрая версия JQuery UI ... Для ссылок требуется CLASS 'flasher', и идентификатор

Запустится при наведении мыши ... и остановится при наведении мыши.

Также добавьтевторичный цвет при наведении на ссылку «А» ... он поможет замаскировать начальную задержку интервала при запуске. 

var flashInterval;
var flasherId;
var firstColor = '#EF7F2C';
var secondaryColor = '#3296C8';
var flashTime = 300;

jQuery('a.flasher').mouseover(function() {
    if(flasherId){ jQuery('#'+flasherId).animate({ color:firstColor},0); }//stop any previous flashing link
    flasherId = jQuery(this).attr('id');//get id of current link
    //set interval
    flashInterval = setInterval(function(){ jQuery('#'+flasherId).animate({ color:secondaryColor},flashTime).animate({ color:firstColor},flashTime); },flashTime*2);
}).mouseout(function() {
    clearInterval(flashInterval);//clear interval
    jQuery('#'+flasherId).animate({ color:firstColor},0);//reset flasher
    flasherId = '';//clear flasher var
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...