Creation d'un curseur animé

sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   -  
 sarroura -
Bonjour,
Je voudrai créé un curseur animé. Comment faire?
merci de votre aide

18 réponses

Profil bloqué
 
C'est possible avec Flash si tu sais coder en Actionscript.c'est just un petit bout de code qui le fait.
4
Christounet Messages postés 1264 Date d'inscription   Statut Membre Dernière intervention   1 392
 
Bonjour,

TU trouveras des explications concernant le changement du curseur dans les pages HTML sur le lien ci-dessous en utilisant les feuilles de style CSS:

Changement curseur

A plus
1
Flohti Messages postés 162 Date d'inscription   Statut Membre Dernière intervention   15
 
body
{
    font-size:13px;
    font-family:comic sans ms;
    font-weight:bold;
	overflow:hidden;
	cursor:url(cursor/normal-cursor.cur), auto;
}

Propriété css de ta balise body : cursor:url( + chemin_vers_le_curseur.cur + ), auto;

Pour ce qui est des curseeurs animés, je suis pas sûr que ça fonctionne, je crois déjà que IE a du mal a montrer un curseur normal

Par contre, pour un max de compatibilité, il faut faire le .cur (je sais plus comment, je m'étais fait ch*er !)

EDIT : j'ai mis ce que j'avais trouvé sur mon post où j'avais demandé : http://www.commentcamarche.net/forum/affich 7236926 creer des curseur visible ie
1
thomas550
 
ben tu en a déja sur ton pc intégrès et puis il y en a plein .
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   2
 
Pardon j'ai dû mal m'expliquer.
En fait, je veux que la souris (fleche) ne soit pas une flèche sur mon site web, mais un animal ou autre. C'est pour mon website.
0
Tamara
 
Vas sur le site cursor Mania y'en a plein =DD
0
sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   2
 
Malheureusement je ne sais pas coder en Actionscript.
Je veux pouvoir l'insérer en html et voir un site en français avec des exemples.
Merci
0
Profil bloqué
 
Bon je voudrais kan méme taider,donne ton email lundi je te recontacte,car là je dois partir.Et je verrai ce k je pourrai faire pour twa.
0
sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   2
 
Merci Christounet, j'étudie ça et je te tiens au courant.
0
sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   2
 
Il y a un des liens sur ce site qui ne fonctionne plus. Existe-t-il un site français avec des curseurs gratuit à récupérer?
0
Gaelle
 
Tu peux téléchargé des curseurs sur dessinson.free.fr ou en tapant curseur animé gratuit sur Google
0
sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   2
 
quel est le code html a inserer? Merci
avec simplement un texte défilant derrière la souris.
0
sissi2 Messages postés 12 Date d'inscription   Statut Membre Dernière intervention   2
 
Merci, mais j'ai dû faire une erreur ça ne fonctionne pas. Il y a une partie du code (celui à placer dans body qui est en rouge).
Tu sais pourquoi? Merci
0
Christounet Messages postés 1264 Date d'inscription   Statut Membre Dernière intervention   1 392
 
Bonjour,

Peux-tu copier/coller ton code, celà plus facile pour vérifier l'erreur que tu as ?

Merci

A plus
0
inviter
 
Salut!

Bon, moi j'ai une astuce qui pourait fonctioner.C'est que tu fais un .cur et après tu fais un script que les autres te diron à copier et à coller et la main est dans le sac! Fais moi confiance!

P.S.: J'ai fais un curseur avec le .cur et il me manque le script merci de me le dire! Merci d'avance!

Le p'tit internaute.
0
peanis
 
gagagagagouughoughgou
0
Masterdetoi
 
Mon dieu! c'est pas possible les conneries que vous débitez en xhtml c'est:
cursor: url("dossier/toncurseur.cur") comme l'a dit flohti et c'est dans le fichier CSS!
0
sarroura
 
sl 3
0
Christounet Messages postés 1264 Date d'inscription   Statut Membre Dernière intervention   1 392
 
Bonjour,

Tu trouveras ci-dessous le code HTML à insérer dans ta page pour avoir un texte défilant derrière la souris:

1) Entre les balises <HEAD> et </HEAD> ajoute le code suivant:
<style>
.spanstyle {
 position:absolute;
 visibility:visible;
 top:-50px;
 font-size:10pt;
 font-family:Courier;
 color:#FF3300;
}
</style>
<script>
var x,y
var step=12
var flag=0
var message='Bienvenus sur mon site'
message=message.split("")
var xpos=new Array()
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-60;
 ypos[i]=-60;
}
function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1
}
function makesnake() {
 if (flag==1 && document.all) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
      ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y
  for (i=0; i<message.length; i++) {
      var thisspan = eval("span"+(i)+".style")
      thisspan.posLeft=xpos[i]
      thisspan.posTop=ypos[i]
     }
 }
 else if (flag==1 && document.layers) {
     for (i=message.length-1; i>=1; i--) {
      xpos[i]=xpos[i-1]+step
      ypos[i]=ypos[i-1]
     }
  xpos[0]=x+step
  ypos[0]=y
  for (i=0; i<message.length; i++) {
      var thisspan = eval("document.span"+i)
      thisspan.left=xpos[i]
      thisspan.top=ypos[i]
     }
 }
  var timer=setTimeout("makesnake()",30)
}
</script>


2) Entre les balises <BODY> et </BODY>, ajoute le code suivant:

<script>
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
 document.write(message[i])
    document.write("</span>")
}
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
makesnake()
</script>


Tu peux changer la variable message , la taille, la couleur et le font.

A plus
-1
Flohti Messages postés 162 Date d'inscription   Statut Membre Dernière intervention   15
 
^^, tu te fais ch**r,
i<=message.length-1


plus simple, ^^ :
i<message.length
0