js改變滑鼠的形狀和樣式的方法_javascript技巧

當今多數瀏覽器支援一下指標樣式（將滑鼠移到樣式名稱上以觀察指標樣式改變為那個樣式）：
auto move no-drop col-resize
all-scroll pointer not-allowed row-resize
crosshair progress e-resize ne-resize
default text n-resize nw-resize
help vertical-text s-resize se-resize
inherit wait w-resize sw-resize
在🎜>inherit wait w-resize sw-resize
在🎜>inherit wait w-resize sw-resize 在🎜>inherit sw-resize
在🎜>在windows internet explorer 6.0或更新版本，上面的指標樣式如下：

 

要透過腳本改變某一個元素的滑鼠指標樣式，可以把元素的屬性element.style.cursor設為上面的任何一個值。 （另外一種不用javascript的方法，可以在元素的html標籤中使用屬性）： 複製程式碼

程式碼如下:


function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document. .style.cursor=cursorstyle;
}

}
} 補充一個常用的改變滑鼠樣式的方法：如果你想要滑鼠移到某個元素上改變滑鼠樣式就在這個元素的樣式裡加上cursor:(你想改的樣式)。