Texte clignotant au survol de la souris

2 participants

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 Sam 18 Jan 2014 - 1:02

Bonsoir,

J'aimerais utiliser ce script d'Arlem pour rendre des textes clignotants : https://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
avatar

wims
**

Messages : 60
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 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

medamine14
****

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

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

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

Message par wims 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ù.
avatar

wims
**

Messages : 60
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 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

medamine14
****

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

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

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

Message par wims 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 ! :/
avatar

wims
**

Messages : 60
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 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

medamine14
****

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

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

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

Message par wims Lun 20 Jan 2014 - 20:26

Impec ! Merci t'es un chef ! Wink
avatar

wims
**

Messages : 60
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

- Sujets similaires

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