javascript - Change the cursor to zoom in and zoom out symbol - Stack Overflow

admin管理员组

文章数量:1324777

I want to know how to change the cursor point to zoom in and zoom out symbol.

I know how to change the cursor to busy, wait and etc,

document.manual_production.style.cursor='wait';

but I don't know how to change the cursor to that for zooming in and out.

I got it by this way

document.manual_production.image1.style.cursor='-moz-zoom-out';

I want to know how to change the cursor point to zoom in and zoom out symbol.

I know how to change the cursor to busy, wait and etc,

document.manual_production.style.cursor='wait';

but I don't know how to change the cursor to that for zooming in and out.

I got it by this way

document.manual_production.image1.style.cursor='-moz-zoom-out';

• javascript
• html
• css

Share Follow edited Feb 8, 2011 at 9:22 Yi Jiang 50.2k1616 gold badges138138 silver badges136136 bronze badges asked Sep 7, 2010 at 7:52 hussainhussain 3133 silver badges55 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

And for Chrome/Safari/WebKit, there is cursor: -webkit-zoom-in and cursor: -webkit-zoom-out.

Your going to need a cur icon for that:

document.manual_production.style.cursor = 'url(/path/to/mycursor.cur) 0 0, pointer';

What @sheeks06 is saying is that you need to upload your own cursor image. Google for 'free cursors', wade through the heaps of idiotic animated cursors until you find one you need, upload it to your web server.

url(/path/to/mycursor.cur) means the place you uploaded your cursor.

-moz-zoom will only work in Mozilla Firefox, not in most other browsers.

本文标签： javascriptChange the cursor to zoom in and zoom out symbolStack Overflow