更改网页中的鼠标指针

时间:2013-02-11 07:47:01

标签: javascript jquery html css html5

我使用

在html中创建了一个框架
<frame></frame>

标记。 有没有办法可以在鼠标进入框架时更改鼠标指针。

5 个答案:

答案 0 :(得分:11)

You may find here.

这是光标的css。

尝试:

<frame style="cursor:auto"></frame>

而不是auto您可以使用以下任何一项:

auto    Default. The browser sets a cursor
crosshair   The cursor render as a crosshair
default The default cursor
e-resize    The cursor indicates that an edge of a box is to be moved right (east)
help    The cursor indicates that help is available
move    The cursor indicates something that should be moved
n-resize    The cursor indicates that an edge of a box is to be moved up (north)
ne-resize   The cursor indicates that an edge of a box is to be moved up and right (north/east)
nw-resize   The cursor indicates that an edge of a box is to be moved up and left (north/west)
pointer The cursor render as a pointer
progress    The cursor indicates that the program is busy (in progress)
s-resize    The cursor indicates that an edge of a box is to be moved down (south)
se-resize   The cursor indicates that an edge of a box is to be moved down and right (south/east)
sw-resize   The cursor indicates that an edge of a box is to be moved down and left (south/west)
text    The cursor indicates text
w-resize    The cursor indicates that an edge of a box is to be moved left (west)
wait    The cursor indicates that the program is busy

答案 1 :(得分:7)

使用cursor CSS属性

<style>
.mousePointer
{
    cursor: pointer;
}
</style>

<frame class="mousePointer"></frame>

答案 2 :(得分:5)

有css游标属性:http://www.w3schools.com/cssref/pr_class_cursor.asp 你也可以这样做:cursor:url(/mousePointer.cur)

答案 3 :(得分:4)

使用CSS:

.myClass { cursor: pointer; }
#myId { cursor: pointer; }

或整个元素:

frame { cursor: pointer; }
p { cursor: pointer; }

您也可以尝试使用Inline-CSS:

或类似的东西:

<div id="clickMe" onclick="alert('I\'m clicked!'); return false;" style="cursor: pointer;">I'm a Fake-Link!</a>

答案 4 :(得分:2)

您可以这样做: -
HTML

  <iframe class="pointer"></iframe>

CSS

   .pointer
          {
            cursor: pointer;
          }

更改游标的其他选项包括: -

 auto
 crosshair
 default
 e-resize
 help
 move
 n-resize
 ne-resize
 nw-resize
 pointer
 progress
 s-resize
 se-resize
 sw-resize
 text
 w-resize
 wait