admin管理员组

文章数量:1344623

I am in need a link that will flash every 500 milleseconds, for a duration of 5 seconds... I remember long ago having a link like this, but deleted it because one could only click it when it was visible. Is there a workaround for that?

I am in need a link that will flash every 500 milleseconds, for a duration of 5 seconds... I remember long ago having a link like this, but deleted it because one could only click it when it was visible. Is there a workaround for that?

  • javascript
  • html
  • css
  • visualization
Share Improve this question asked Jul 8, 2010 at 11:19 DavidDavid 14k16 gold badges46 silver badges51 bronze badges 3
  • 4 You don't need a flashing link. These are not the codez you are looking for... – Skilldrick Commented Jul 8, 2010 at 11:21
  • 2 I knew it! One day, the blink-tag WILL be missed ;) Would you maybe like to let the blinking link slide slowly from the left to the right? – moxn Commented Jul 8, 2010 at 14:38
  • @moxn: and change colour! and Animated GIFs! – Phil H Commented Oct 18, 2012 at 15:56
Add a ment  | 

5 Answers 5

Reset to default 4

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."><b>*Google!*</b><br>

There is a JavaScript function in Script.aculo.us to do that : Have a look on Effect.Pulsate

There is CSS

text-decoration: blink

but that will blink your link all the time, you would need some javascript to change the style after 5 seconds.

Remember to always keep usability for all users in mind. Especially if you're making something flash at a certain frequency. Just be careful.

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

本文标签： javascriptHow to display a blinkingflashing link in htmlStack Overflow

版权声明：本文标题：javascript - How to display a blinkingflashing link in html - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743803073a2541675.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。