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

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

источник

2010-07-08 David

Вам не нужна мигающая ссылка. Это не код, который вы ищете ... – Skilldrick

Я знал это! Однажды мигающая метка будет пропущена;) Может, вам захочется, чтобы мигающая ссылка медленно скользила слева направо? – moxn

@moxn: и измените цвет! и анимированные GIF-файлы! –

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

<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>

источник

2010-07-08 11:23:17 Sarfraz

спасибо! что, по крайней мере, решил проблему, с которой я раньше, когда я не мог щелкнуть ссылку, когда текст был скрыт :) – David

@David: Добро пожаловать ... – Sarfraz

добавлено setTimeout ("stopblink()", 5000); в нижней части вашего скрипта ... В stopblink() я просто изменил идентификатор aF, и теперь он работает по назначению ... Еще раз спасибо – David

Существует функция JavaScript в Script.aculo.us, чтобы сделать это: Посмотрите на Effect.Pulsate

источник

2010-07-08 11:22:57 Cicatrice

Могу ли я рекомендовать некоторые стробоскопы и хороший барабан-н-басовый ритм, чтобы пойти с этим текстовым эффектом? –

* unce unce unce unce unce * – espais

Существует CSS

текст-отделка : blink

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

источник

2010-07-08 11:24:03 Redlab

Да, это, вероятно, лучший способ сделать это, но, к сожалению, blink не поддерживается IE, Safari или Chrome: http://www.w3schools.com/Css/pr_text_text-decoration.asp. Это часть CSS2, и браузеры должны ее поддерживать, но добавьте возможность отключить его для соответствия WAI UAAG: http://www.w3.org/TR/UAAG/guidelines.html#tech-on-off- мигает-текст –

Помните, что всегда сохраняйте удобство использования для всех пользователей. Особенно, если вы делаете что-то вспышку с определенной частотой. Just be careful.

источник

2010-07-08 14:17:18 sigint

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

начнется при наведении курсора мыши ... и остановок на отведении указателя мыши.

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

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 
});

источник

2012-10-11 22:53:25 ShaunTheSheep

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

ответ

Смежные вопросы