Comment faire pour afficher un lien clignotant/clignotant en html

J'ai besoin d'un lien qui va clignoter tous les 500 millisecondes, pour une durée de 5 secondes ... Je me souviens depuis longtemps d'avoir un lien comme celui-ci, mais je l'ai supprimé parce que on ne pouvait que cliquer dessus quand il était visible. Y at-il une solution de contournement pour cela?Comment faire pour afficher un lien clignotant/clignotant en html

Source

2010-07-08 David

Vous n'avez pas besoin d'un lien clignotant. Ce ne sont pas les codesz que vous recherchez ... – Skilldrick

Je le savais! Un jour, le clignotement sera manqué;) Voulez-vous peut-être laisser le lien clignotant glisser lentement de la gauche vers la droite? – moxn

@moxn: et changez de couleur! et GIF animés! –

Essayez ceci:

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

Source

2010-07-08 11:23:17 Sarfraz

Merci beaucoup! cela au moins résolu le problème que j'avais précédemment où je ne pouvais pas cliquer sur le lien lorsque le texte était caché :) – David

@David: Vous êtes les bienvenus ... – Sarfraz

ajouté setTimeout ("stopblink()", 5000); En bas de votre script ... Dans stopblink() j'ai simplement changé l'ID aF et maintenant cela fonctionne comme prévu ... Merci encore – David

Il y a une fonction JavaScript Script.aculo.us à faire: Jetez un coup d'oeil sur Effect.Pulsate

Source

2010-07-08 11:22:57 Cicatrice

Puis-je recommander des lumières stroboscopiques et un battement de tambour-n-bass agréable pour aller avec cet effet de texte? –

* unce unce unce unce unce * – espais

Il y a text-decoration CSS

: clignotement

mais cela clignotera votre lien tout le temps, vous auriez besoin de javascript pour changer le style après 5 secondes.

Source

2010-07-08 11:24:03 Redlab

Oui, c'est probablement la meilleure façon de le faire, mais malheureusement, blink n'est pas supporté par IE, Safari ou Chrome: http://www.w3schools.com/Css/pr_text_text-decoration.asp. Il fait partie de CSS2, et les navigateurs sont supposés le supporter, mais ajouter l'option de le désactiver pour se conformer à WAI UAAG: http://www.w3.org/TR/UAAG/guidelines.html#tech-on-off- texte clignotant –

N'oubliez pas de toujours garder à l'esprit la convivialité pour tous les utilisateurs. Surtout si vous faites quelque chose qui clignote à une certaine fréquence. Just be careful.

Source

2010-07-08 14:17:18 sigint

'A' rapide Version JQuery UI ... Des liens doivent CLASS 'flasher', et un ID

commencera ... et arrêter mouseover sur mouseout.

Ajoutez également la couleur secondaire en tant que pointeur au lien 'A' ... cela aidera à masquer le délai d'intervalle initial au démarrage.

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

Source

2012-10-11 22:53:25 ShaunTheSheep

Comment faire pour afficher un lien clignotant/clignotant en html

Répondre

Questions connexes