Javascript 如何在html中显示闪烁/闪烁链接
我需要一个链接，将闪烁每500千秒，持续5秒。。。Javascript 如何在html中显示闪烁/闪烁链接,javascript,html,css,visualization,Javascript,Html,Css,Visualization,我需要一个链接，将闪烁每500千秒，持续5秒。。。 我记得很久以前有一个这样的链接，但删除了它，因为人们只能在它可见时单击它。有解决方法吗？中有一个JavaScript函数可以执行此操作：查看效果。Pulsate中有一个JavaScript函数可以执行此操作：查看效果。Pulsate尝试以下操作： <script type="text/javascript"> var col = new String(); var x=1;var y; function blink() { if
我记得很久以前有一个这样的链接，但删除了它，因为人们只能在它可见时单击它。有解决方法吗？中有一个JavaScript函数可以执行此操作：查看效果。Pulsate中有一个JavaScript函数可以执行此操作：查看效果。Pulsate尝试以下操作：
<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>
var col=新字符串（）；
var x=1；变量y；
函数blink（）
{
如果（x%2）
{
col=“rgb（255,0,0）”；
}否则{
col=“rgb（255255）”；
}
color=col；x++；if（x>2）{x=1}；setTimeout（“blink（）”，500）；
}
*谷歌*
<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>
var col=新字符串（）；
var x=1；变量y；
函数blink（）
{
如果（x%2）
{
col=“rgb（255,0,0）”；
}否则{
col=“rgb（255255）”；
}
color=col；x++；if（x>2）{x=1}；setTimeout（“blink（）”，500）；
}
*谷歌*
但是这会一直闪烁你的链接，你需要一些javascript来在5秒钟后更改样式。记住要时刻记住所有用户的可用性。尤其是当你以一定的频率使某些东西闪烁时 记住要时刻记住所有用户的可用性。尤其是当你以一定的频率使某些东西闪烁时 'A'快速JQuery UI版本。。。 链接需要类“闪光器”和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
});
“A”快速JQuery UI版本。。。 链接需要类“闪光器”和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
});
你不需要闪烁的链接。这些不是你要找的密码…我就知道！有一天，闪烁标签将丢失；）你想让闪烁的链接从左到右慢慢滑动吗？@moxn:然后改变颜色！还有动画GIF！你不需要闪烁的链接。这些不是你要找的密码…我就知道！有一天，闪烁标签将丢失；）你想让闪烁的链接从左到右慢慢滑动吗？@moxn:然后改变颜色！还有动画GIF！我能推荐一些闪光灯和一个很好的鼓-低音节拍来配合文字效果吗？我能推荐一些闪光灯和一个很好的鼓-低音节拍来配合文字效果吗？谢谢！这至少解决了我以前在文本隐藏时无法单击链接的问题：）添加了setTimeout（“stopblink（）”，5000）；在脚本的底部。。。在stopblink（）中，我只是简单地更改了id aF，现在它可以按预期工作了。。。谢谢again@Sarfraz：我想知道有人如何更改您的代码，以便在单击时停止闪烁。谢谢！这至少解决了我以前在文本隐藏时无法单击链接的问题：）添加了setTimeout（“stopblink（）”，5000）；在脚本的底部。。。在stopblink（）中，我只是简单地更改了id aF，现在它可以按预期工作了。。。谢谢again@Sarfraz：我想知道有人如何更改您的代码，以便在单击时停止闪烁。是的，这可能是最好的方法，但不幸的是，IE、Safari或Chrome不支持闪烁：。它是CSS2的一部分，浏览器应该支持它，但添加了禁用它的选项以符合WAI UAAG：是的，这可能是最好的方法，但不幸的是，IE、Safari或Chrome不支持blink:。它是CSS2的一部分，浏览器应该支持它，但添加了禁用它的选项以符合WAI UAAG：