Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change the mouse pointer in a webpage

I have created a frame in html using the

<frame></frame>

tags. Is there a way i can change the mouse pointer as the mouse enters the frame.

like image 662
Anurag-Sharma Avatar asked Feb 11 '13 07:02

Anurag-Sharma


People also ask

How do I change the cursor icon in HTML?

To change the mouse cursor when you hover over a specific element, you need to assign the cursor CSS property to your HTML element. You will see the cursor changes when you hover over the <h1> element above. It's as if you're hovering over a <button> element.


2 Answers

You may find here.

This is the css for cursor.

Try to:

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

instead of auto you can use anyone of the following:

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
like image 196
Kits Avatar answered Sep 21 '22 17:09

Kits


Use the cursor CSS property

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

<frame class="mousePointer"></frame>
like image 44
Dor Cohen Avatar answered Sep 19 '22 17:09

Dor Cohen