如何在html中顯示閃爍/閃爍的鏈接

我需要一個鏈接，它會每500毫秒閃爍一次，持續時間爲5秒... 我記得很久以前有過這樣的鏈接，但因爲刪除了它，因爲人們只能在可見時點擊它。有沒有解決方法？如何在html中顯示閃爍/閃爍的鏈接

2010-07-08 David

您不需要閃爍的鏈接。這些不是你正在尋找的codez ... – Skilldrick 2010-07-08 11:21:22

我知道它！有一天，眨眼標記將被錯過;）你可能想讓閃爍的鏈接從左向右緩慢滑動？ – moxn 2010-07-08 14:38:40

@moxn：並改變顏色！和動畫GIF！ – 2012-10-18 15:56:33

試試這個：

<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 2010-07-08 11:28:18

@David：不客氣... – Sarfraz 2010-07-08 11:33:48

增加了setTimeout（「stopblink（）」，5000）;到你的腳本的底部...在stopblink（）我只是改變了ID aF，現在它按預期工作...再次感謝 – David 2010-07-08 16:00:29

有一個JavaScript函數在Script.aculo.us做到這一點：對看看Effect.Pulsate

來源

2010-07-08 11:22:57 Cicatrice

我可以推薦一些閃光燈和一個不錯的鼓式低音拍打以達到文字效果嗎？ – 2010-07-08 11:24:42

*保留一年以上* – espais 2010-07-08 14:44:49

有CSS

文本裝飾：blink

但是這會一直閃爍你的鏈接，你需要一些JavaScript來改變5秒後的樣式。

來源

2010-07-08 11:24:03 Redlab

是的，這可能是最好的方法，但不幸的是，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-閃爍文本 – 2010-07-08 13:41:11

請記住始終保持所有用戶的可用性。特別是如果你在某個特定頻率下閃光。 Just be careful.

來源

2010-07-08 14:17:18 sigint

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

來源

2012-10-11 22:53:25 ShaunTheSheep

如何在html中顯示閃爍/閃爍的鏈接

回答

相關問題