当前位置：文江博客话题详情

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

发布于 2024-09-09 06:44:10 字数 82 浏览 8 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

墨落画卷 2024-09-16 06:44:10

试试这个：

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

Try this:

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

回复收藏 0 原文

素衣风尘叹 2024-09-16 06:44:10

Script.aculo.us 中有一个 JavaScript 函数可以做到这一点：看看 Effect.Pulsate

回复收藏 0 原文

╭⌒浅淡时光〆 2024-09-16 06:44:10

有CSS

文字装饰：闪烁

，但这会一直闪烁您的链接，您需要一些 javascript 来在 5 秒后更改样式。

回复收藏 0 原文

临风闻羌笛 2024-09-16 06:44:10

请记住始终牢记所有用户的可用性。特别是当你让某些东西以一定的频率闪烁时。请小心。

回复收藏 0 原文

情仇皆在手 2024-09-16 06:44:10

“A”快速 JQuery UI 版本...
链接需要 CLASS 'flasher'，并且 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' quick JQuery UI version...
Links need CLASS 'flasher', and an ID

Will start on mouseover...and stop on mouseout.

Also add the secondarycolor as a hover to the 'A' link...it will help mask the initial interval delay at start.

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

回复收藏 0 原文

~没有更多了~