js改變鼠標的方法
js改變鼠標的方法
你知道js改變鼠標的形狀和樣式的方法嗎?不知道的話跟著學習啦小編一起來學習js改變鼠標的形狀和樣式的方法。
常用的js改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式里加上 cursor:(你想改的樣式)
當今多數瀏覽器支持一下指針樣式(將鼠標移動到樣式名稱上以觀察指針樣式改變?yōu)槟莻€樣式):
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
在windows internet explorer 6.0或者更新版本,上面的指針樣式如下:
要通過腳本改變某一個元素的鼠標指針樣式,你可以把元素的屬性element.style.cursor設為上面的任何一個值。(另外一種不用javascript的方法,可以在元素的html標簽中使用屬性):
代碼如下:
function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid(id).style.cursor=cursorstyle;
}
}
}
補充一個常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式里加上 cursor:(你想改的樣式)。
猜你喜歡: