2009-11-08 56 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> 

在上面的html中,用于将鼠标光标放在鼠标标签的上方。这里的“手”和“帮助”光标正在探索罚款在互联网,但它不能在Firefox工作和其他浏览器的帮助光标在Firefox浏览器中不工作

希望您的支持,

+0

我认为你的意思是把这个标记为javascript(而不是java) – mportiz08 2009-11-08 08:09:02

+0

嗯,在这种情况下JavaScript实际上是不必要的。我建议你使用CSS解决方案。 – Sam152 2009-11-08 08:12:19

+0

@ mportiz08:是的,我已经重新标记为OP。 – 2009-11-08 08:20:58

回答

1

你不需要var Cursor如果你可以直接指定helphand像这样

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

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

working example并看看HTML源代码

1

简单的版本,适用于“所有的浏览器:

<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

“手”不工作在Firefox。尝试“pointer”。但是,“帮助”应该起作用 - 尝试以比JS更直接的方式应用样式。

相关问题