Retour à Forum de site web

Changer le curseur de la souris pour onMouseOver

  • OlsVer
  • Born
  • Born
  • No Avatar
  • Inscription: Sep 16, 2008
  • Messages: 1
  • Status: Offline

Message Septembre 16th, 2008, 10:52 am

J'ai des boutons qui se cacher et de montrer les couches. Toutefois, ils ne changent pas le curseur de la souris comme un lien et je ne sais pas comment je le personnaliser afin qu'il fait.

La page est elle concerne http://www.islandcottageholidays.com

Can anyone help?

Kind Regards

Oliver
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 16th, 2008, 10:52 am

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Septembre 16th, 2008, 12:01 pm

Hmm ce n'est pas une question Flash. Il semble que vous avez besoin d'utiliser le Javascript pour modifier une propriété css.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Septembre 16th, 2008, 3:30 pm

Quels sont les attributs CSS curseur ?
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Maisara-WD
  • Novice
  • Novice
  • No Avatar
  • Inscription: Sep 16, 2008
  • Messages: 15
  • Status: Offline

Message Septembre 17th, 2008, 12:56 pm

Bogey a écrit:
Quels sont les attributs CSS curseur ?


Ouais...

essayez cette propriété avec les moyens mentionnés sur cette page

à l'intérieur de l'attribut de style de la balise de l'élément ur:

cursor: et choisissez l'une des options suivantes...

url: l'URL d'un curseur personnalisé à utiliser. (Note: Toujours définir un curseur générique à la fin de la liste dans le cas où aucun des url définies curseurs peuvent être utilisés
)

Par défaut, le curseur par défaut (souvent une flèche)
automatique par défaut: Le navigateur définit un curseur
croix: Le curseur de rendre une croix
pointeur: Le curseur de rendre un pointeur (une main) qui indique un lien
move: Le curseur indique quelque chose qui devrait être déplacé
e-resize: Le curseur indique que l'avantage d'une boîte est d'être déplacé à droite (est)
ne-resize : Le curseur indique que l'avantage d'une boîte est d'être déplacé et à droite (nord-est)
nw-resize: Le curseur indique que l'avantage d'une boîte est d'être déplacé et à gauche (nord / nord-ouest)
n-resize: Le curseur indique que l'avantage d'une boîte est d'être déplacé (nord)
se-resize: Le curseur indique que l'avantage d'une boîte est d'être déplacé vers le bas et à droite (sud-est)
sw-resize: Le curseur indique que l'avantage d'une boîte est d'être déplacé vers le bas et à gauche (sud-ouest)
s-resize: Le curseur indique que l'avantage d'une boîte est d'être déplacé vers le bas (sud)
w-resize: Le curseur qui indique un avantage d'une boîte est d'être déplacé à gauche (ouest)
Le texte: le curseur indique le texte
L'attente: le curseur indique que le programme est occupé (souvent un quart ou d'un sablier)
Les aider: le curseur indique que l'aide est disponible (souvent une question de marque ou un ballon)

I hope that helps
  • bishop_ian
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Avr 27, 2010
  • Messages: 14
  • Status: Offline

Message Avril 27th, 2010, 5:56 am

CSS devrait ressembler à ceci ..

CSS Code: [ Select ]
a.pic {
display: block;
width: 100px;
height: 50px;
background: transparent url(image1.jpg) no-repeat;
}
 
a.pic:hover {
background-position: -100px 0;
}
  1. a.pic {
  2. display: block;
  3. width: 100px;
  4. height: 50px;
  5. background: transparent url(image1.jpg) no-repeat;
  6. }
  7.  
  8. a.pic:hover {
  9. background-position: -100px 0;
  10. }



HTML sera....
HTML Code: [ Select ]
<div>
<a class="pic" href="#">link</a>
</div>
  1. <div>
  2. <a class="pic" href="#">link</a>
  3. </div>


J'espère que cela va vous aider
Moderator Remark: Remember to use css and html bbcode around your actual code in your posts on ozzu

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 5 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 181 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC