Hand Cursor is not working in the firefox browser
<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>
The above html is used to take mouse cursor in the mouse over of labels. Here, "Hand" and "help" cursor is working fine in Internet Explorer, but it's not working in Firef开发者_如何学运维ox and other browsers.
you don't need var Cursor if you can specify help or hand directly like so
document.getElementById(ID).style.cursor='hand';
and
document.getElementById(ID).style.cursor='help';
please check working example and take a look at the html source code
Simpler version, works on 'all' browsers:
<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>
"Hand" does not work in Firefox. Try "pointer". "help", however, should work -- try applying the style in a more direct way than via JS.
加载中,请稍侯......
精彩评论