代码之家 › 专栏 › 技术社区 › David

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

visualization css html javascript

David · 技术社区 · 16 年前

我需要一个链接,将闪烁每500千秒,持续5秒。。。我记得很久以前有这样一个链接,但删除了它,因为只有当它是可见的。有解决办法吗?

5 回复 | 直到 16 年前

Sarfraz 16 年前

试试这个:

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

Cicatrice 16 年前

Script.aculo.us 要做到这一点:看看 效果。脉动

Redlab 16 年前

有CSS

文本装饰:闪烁

但这会使你的链接一直闪烁,你需要一些javascript在5秒后改变样式。

sigint 16 年前

Just be careful.

ShaunTheSheep 13 年前

链接需要类'闪光器',和一个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
});

推荐文章

Shawn Hemelstrand · 为什么我的自定义errorbar函数不能在R中工作?

3 年前

lpt · 外语中的词云或可视化

8 年前

agftrading · 通过熊猫内置数据可视化方法绘制图表时,是否可以明确设置图表颜色参数?

8 年前

Fedor Nikitin · 如何获取Bokeh热图中点击位置的标签

8 年前

Forrest · Matlab-散点图不同颜色的多类

8 年前

user3363813 · 使用可变时间设置动画

8 年前

Danish Zahid Malik · 如何在闪亮的r中从gadm绘制地图?

8 年前

Paridhi · 使用Python数据框绘制折线图

8 年前

user8402764 · 如何在Kibana中可视化数组字段中所有值的计数

8 年前

Luv · 如何在R中的同一图形中显示并排条形图和堆叠条形图?

8 年前