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