javascript改變鼠標(biāo)指針形狀的方法

發(fā)布時(shí)間：2021-04-09 09:24:02 來源：億速云閱讀：849 作者：小新欄目：web開發(fā)

這篇文章主要介紹javascript改變鼠標(biāo)指針形狀的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

javascript改變鼠標(biāo)指針形狀的方法：首先新建文件，創(chuàng)建div，id為a，并賦予寬高與背景色；然后添加script腳本，讓鼠標(biāo)移動(dòng)到div上變?yōu)槭中螤睢?/p>

javascript改變鼠標(biāo)指針形狀的方法：

1、在文件夾中創(chuàng)建一個(gè)test的html文件，一個(gè)作為指針的ico圖片cur，圖片的大小建議32x32，最大不可以超過128x128（也可以使用jpg等格式，ico是為了兼容有些ie）。

javascript改變鼠標(biāo)指針形狀的方法

2、在test創(chuàng)建一個(gè)div，id為a，并賦予寬高與背景色。

javascript改變鼠標(biāo)指針形狀的方法

3、在瀏覽器打開鼠標(biāo)就是默認(rèn)的樣式。

javascript改變鼠標(biāo)指針形狀的方法

4、現(xiàn)在我們在div的后面添加script腳本，讓鼠標(biāo)移動(dòng)到div上變?yōu)槭中螤睢?/p>

a.onmouseover = function(){
this.style.cursor = 'pointer';
}

javascript改變鼠標(biāo)指針形狀的方法

5、再次瀏覽器打開我們發(fā)現(xiàn)，鼠標(biāo)移動(dòng)到這個(gè)灰色矩形上面就變手形了。

javascript改變鼠標(biāo)指針形狀的方法

以上是“javascript改變鼠標(biāo)指針形狀的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡