Help Cursor is not working in the firefox browser

2019-08-23 02:55发布

站内问答 / JavaScript
1500 3 6 

<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>

In the above html is used to take mouse cursor in the mouse over of label's. Here "Hand" and "help" cursor is working fine in internet explore but its not working in firefox and other browser's

hoping your support,

3条回答
劫难
2楼-- · 2019-08-23 03:04

"Hand" does not work in Firefox. Try "pointer". "help", however, should work -- try applying the style in a more direct way than via JS.

查看更多
0人赞 添加讨论(0) 举报
唯我独甜
3楼-- · 2019-08-23 03:22

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>
查看更多
0人赞 添加讨论(0) 举报
别忘想泡老子
4楼-- · 2019-08-23 03:27

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

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)