快捷導(dǎo)航

js改變鼠標(biāo)的形狀和樣式的方法

更新時(shí)間：2014年03月31日 15:46:53 作者：

常用的改變鼠標(biāo)樣式的方法：如果你想鼠標(biāo)移動(dòng)到某個(gè)元素上改變鼠標(biāo)樣式就在這個(gè)元素的樣式里加上 cursor:(你想改的樣式)

當(dāng)今多數(shù)瀏覽器支持一下指針樣式（將鼠標(biāo)移動(dòng)到樣式名稱上以觀察指針樣式改變?yōu)槟莻€(gè)樣式）：
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或者更新版本，上面的指針樣式如下：

要通過腳本改變某一個(gè)元素的鼠標(biāo)指針樣式，你可以把元素的屬性element.style.cursor設(shè)為上面的任何一個(gè)值。（另外一種不用javascript的方法，可以在元素的html標(biāo)簽中使用屬性）：

復(fù)制代碼代碼如下:

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

補(bǔ)充一個(gè)常用的改變鼠標(biāo)樣式的方法：如果你想鼠標(biāo)移動(dòng)到某個(gè)元素上改變鼠標(biāo)樣式就在這個(gè)元素的樣式里加上 cursor:(你想改的樣式)。

您可能感興趣的文章:

相關(guān)文章

使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點(diǎn)
這篇文章主要介紹了使用JavaScript在html文檔內(nèi)添加新的元素節(jié)，主要打方式就是動(dòng)態(tài)的改變原有html文檔結(jié)構(gòu)，下文詳細(xì)介紹內(nèi)容需要的可以參考一下
2022-02-02
深入理解javascript嚴(yán)格模式(Strict Mode)
Strict mode是JavaScript1.8.5引進(jìn)的技術(shù)，但還沒有瀏覽器確實(shí)可靠的實(shí)現(xiàn)了嚴(yán)格模式，所以使用時(shí)要小心并且多測試。Strict mode可以應(yīng)用于整個(gè)腳本，也可以適合于單個(gè)函數(shù)。
2014-11-11
Bootstrap輪播圖的使用和理解4
這篇文章主要為大家詳細(xì)介紹了關(guān)于Bootstrap輪播圖的使用和理解的學(xué)習(xí)記錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
Locate a File Using a File Open Dialog Box
Locate a File Using a File Open Dialog Box...
2007-06-06
JavaScript使用canvas實(shí)現(xiàn)手寫簽名功能
最近遇到一個(gè)h5手寫簽名的需求,按理說這種功能網(wǎng)上隨便一搜一大把現(xiàn)成的源碼和組件,但是像這種比較經(jīng)典又很簡單的功能,還是要弄清楚到底怎么實(shí)現(xiàn)的,所以接下來本文就給大家介紹一下如何用canvas實(shí)現(xiàn)手寫簽名功能
2023-08-08
js一維數(shù)組、多維數(shù)組和對象的混合使用方法
這篇文章主要介紹了js一維數(shù)組、多維數(shù)組和對象的混合使用方法,需要的朋友可以參考下
2016-04-04
javascript ready和load事件的區(qū)別示例介紹
ready是在DOM加載完成就觸發(fā)；load是在加載完所有頁面內(nèi)容才會(huì)觸發(fā)，下為大家簡要介紹下，不知道的朋友可以參考下
2013-08-08
JS代碼實(shí)現(xiàn)根據(jù)時(shí)間變換頁面背景效果
這篇文章主要介紹了JS代碼實(shí)現(xiàn)根據(jù)時(shí)間變換頁面背景效果的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看下吧
2016-06-06
Django1.7+JQuery+Ajax驗(yàn)證用戶注冊集成小例子
下面是散仙使用Django+Jquery+Ajax的方式來模擬實(shí)現(xiàn)了一個(gè)驗(yàn)證用戶注冊時(shí)，用戶名存在不存在的一個(gè)小應(yīng)用。注意，驗(yàn)證存在不存在使用的是Ajax的方式，不用讓用戶點(diǎn)擊按鈕驗(yàn)證是否存在,需要的朋友可以參考下
2017-04-04
微信小程序 bindtap 傳參的實(shí)例代碼
這篇文章主要介紹了微信小程序 bindtap 傳參的實(shí)例代碼，代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-02-02