Texte clignotant au survol de la souris

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Texte clignotant au survol de la souris

Message par wims le Sam 18 Jan 2014 - 1:02

Bonsoir,

J'aimerais utiliser ce script d'Arlem pour rendre des textes clignotants : http://forum.forumactif.com/t349221-couleurs-clignotant#2981603

Le script fonctionne à merveille avec une balise html <blink>mon texte</blink> mais j'aimerais l'utiliser uniquement au survol de la souris.

Une idée ?


Dernière édition par wims le Lun 20 Jan 2014 - 20:27, édité 1 fois

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

http://www.lupsclub.com
wims a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte clignotant au survol de la souris

Message par medamine14 le Sam 18 Jan 2014 - 5:33

bonjour,

tu dois avoir un code dans ton CSS qui commence par :
Code:
blink {...

change le :
Code:
blink
par :
Code:
blink:hover

Wink

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte clignotant au survol de la souris

Message par wims le Sam 18 Jan 2014 - 20:03

Merci pour ta réponse medamine.

Mais je n'ai pas de blink dans ma feuille css, je l'ai grâce au javascript (lien plus haut). En plus le <blink> du html ne fonctionne que sous très peu de navigateurs, et n'est pas très joli comme peut l'être celui du script car en fondu.

Il faudrait donc reprendre le scipt ou mettre un onmouseover quelque part, mais je n'ai pas trouvé où.

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

http://www.lupsclub.com
wims a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte clignotant au survol de la souris

Message par medamine14 le Dim 19 Jan 2014 - 1:03

bonsoir,

on va utiliser la même méthode Wink

Code:
$(function() {   setInterval(blinkFct, 300);   function blinkFct() {      $('blink:hover').fadeOut(300, function() {         $('blink:hover').fadeIn(300,blinkFct());      })   }})

voila Smile
Bonne soirée.

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte clignotant au survol de la souris

Message par wims le Lun 20 Jan 2014 - 16:23

Merci encore medamine.

Alors... ça marche, mais pas tout à fait !

La souris dessus, ok ça "blinke" ! Mais ensuite en dehors, le texte disparaît complètement ! :/

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

http://www.lupsclub.com
wims a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte clignotant au survol de la souris

Message par medamine14 le Lun 20 Jan 2014 - 18:03

ok, Essaye celui-ci :

Code:
$(function() {   setInterval(blinkFct, 300);   function blinkFct() {      $('blink:hover').fadeOut(300, function() { $('blink').fadeIn(300,blinkFct());      })   }})

normalement, il marche Wink

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte clignotant au survol de la souris

Message par wims le Lun 20 Jan 2014 - 20:26

Impec ! Merci t'es un chef ! Wink

wims
*

Messages : 37
Inscrit(e) le : 08/01/2014

http://www.lupsclub.com
wims a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum