Question

我需要一个每500毫秒闪烁一次的链接，持续时间为5秒...... 我记得很久以前有这样的链接，但删除它，因为只有在可见时才能点击它。是否有解决方法？

Answer 1

试试这个：

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

Answer 2

Script.aculo.us中有一个JavaScript函数可以执行此操作：查看 Effect.Pulsate

Answer 3

有CSS

text-decoration：blink

但是这会一直闪烁你的链接，你需要一些javascript来在5秒后改变风格。

Answer 4

请记住始终牢记所有用户的可用性。特别是如果你以某个频率制作闪光灯。 Just be careful.

Answer 5

'A'快速JQuery UI版本...... 链接需要CLASS'闪光灯'和ID

将从鼠标悬停开始...并在鼠标移动时停止。

同时将辅助颜色添加为“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
});

如何在html中显示闪烁/闪烁链接

5 个答案: