快捷導(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或者更新版本，上面的指針樣式如下：

要通過(guò)腳本改變某一個(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)文章

JS兼容瀏覽器的導(dǎo)出Excel（CSV）文件的方法
項(xiàng)目中經(jīng)常需要導(dǎo)出Excel文件，不在服務(wù)器端處理而是富客戶端采用Javascript腳本處理數(shù)據(jù)并導(dǎo)出文件
2014-05-05
CocosCreator骨骼動(dòng)畫(huà)之龍骨DragonBones
這篇文章主要介紹了怎么在CocosCreator中使用骨骼動(dòng)畫(huà)龍骨DragonBones，對(duì)骨骼動(dòng)畫(huà)感興趣的同學(xué)，可以試一下
2021-04-04
微信小程序 checkbox使用實(shí)例解析
這篇文章主要介紹了微信小程序 checkbox使用實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
js實(shí)現(xiàn)的彩色方塊飛舞奇幻效果
這篇文章主要介紹了js實(shí)現(xiàn)的彩色方塊飛舞奇幻效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
JavaScript實(shí)現(xiàn)圖片預(yù)加載的方法總結(jié)
在Web前端開(kāi)發(fā)中,圖片是網(wǎng)頁(yè)內(nèi)容的重要組成部分,但它們的加載時(shí)間往往會(huì)影響頁(yè)面的整體性能,為了提升用戶體驗(yàn),減少等待時(shí)間,開(kāi)發(fā)者通常會(huì)采用圖片預(yù)加載（Image Preloading）技術(shù),本文給大家介紹了JavaScript實(shí)現(xiàn)圖片預(yù)加載的方法總結(jié),需要的朋友可以參考下
2024-12-12
手機(jī)端轉(zhuǎn)換rem適應(yīng)
本文主要介紹了手機(jī)端轉(zhuǎn)換rem適應(yīng)的方法實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
js動(dòng)畫(huà)(animate)簡(jiǎn)單引擎代碼示例
仿照f(shuō)lash的動(dòng)畫(huà)原理，自己寫(xiě)了一個(gè)非常簡(jiǎn)單的js動(dòng)畫(huà)引擎。
2012-12-12
原生JS獲取元素的位置與尺寸實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇原生JS獲取元素的位置與尺寸實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
使用JavaScript解決網(wǎng)頁(yè)圖片拉伸問(wèn)題(推薦)
本文給大家介紹使用javascript解決網(wǎng)頁(yè)圖片拉伸問(wèn)題，本文給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-11-11
javascript DOM操作之動(dòng)態(tài)刪除TABLE多行
DOM動(dòng)態(tài)刪除TABLE tr行的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2009-12-12