2009-11-08 5 views
0
<html> 

<head> 
<title>Question</title> 
<script type="text/javascript" > 
function MouseOverHand(ID) 
{ 
var Cursor='hand'; 
var ID=ID; 
if (!document.all){ Cursor='pointer'; } 
document.getElementById(ID).style.cursor=Cursor;   
} 
</script> 
<script type="text/javascript" > 
function MouseOverHelp(ID) 
{ 
var Cursor='help'; 
var ID=ID; 
if (!document.all){ Cursor='pointer'; } 
document.getElementById(ID).style.cursor=Cursor;   
} 
</script> 
</head> 

<body> 
<label id="Hand" onmouseover="MouseOverHand('Hand');" > Hand </label><br/><br/> 
<label id="Help" onmouseover="MouseOverHelp('Help');" > Help </label> 
</body> 

</html> 

Dans le code html ci-dessus est utilisé pour prendre le curseur de la souris dans la souris sur de son étiquette. Ici, « main » et « aide » curseur fonctionne bien dans Internet explorer, mais sa ne fonctionne pas dans Firefox et celle des autresAide curseur ne fonctionne pas dans le navigateur Firefox

navigateur espérant votre soutien,

+0

Je pense que vous vouliez marquer comme javascript (pas java) – mportiz08

+0

Um, JavaScript est vraiment inutile dans cette situation. Je vous recommande d'utiliser une solution CSS. – Sam152

+0

@ mportiz08: Oui, j'ai ré-étiqueté pour l'OP. –

Répondre

1

vous n'avez pas besoin var Cursor si vous pouvez spécifier help ou hand directement comme si

document.getElementById(ID).style.cursor='hand';   

et

document.getElementById(ID).style.cursor='help';   

s'il vous plaît vérifier working example et jetez un oeil au code source html

1

Simpler version fonctionne sur les navigateurs « tous »:

<script type="text/javascript" > 
function MouseOverPointer(obj) //obj is the triggering element 
{ 
    if(obj.id=='Help') 
     obj.style.cursor = "help"; 
    else if(obj.id=='Hand') 
     obj.style.cursor = "pointer"; 
} 
</script> 

<label id="Hand" onmouseover="MouseOverPointer(this);" > Hand </label><br/><br/> 
<label id="Help" onmouseover="MouseOverPointer(this);" > Help </label> 
1

"main" ne fonctionne pas dans Firefox. Essayez "pointer". "help", cependant, devrait fonctionner - essayez d'appliquer le style d'une manière plus directe que via JS.

Questions connexes