js改變鼠標的形狀和樣式的方法
更新時間:2014年03月31日 15:46:53 作者:
常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式里加上 cursor:(你想改的樣式)
當(dāng)今多數(shù)瀏覽器支持一下指針樣式(將鼠標移動到樣式名稱上以觀察指針樣式改變?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設(shè)為上面的任何一個值。(另外一種不用javascript的方法,可以在元素的html標簽中使用屬性):
function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid(id).style.cursor=cursorstyle;
}
}
}
補充一個常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式里加上 cursor:(你想改的樣式)。
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設(shè)為上面的任何一個值。(另外一種不用javascript的方法,可以在元素的html標簽中使用屬性):
復(fù)制代碼 代碼如下:
function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid(id).style.cursor=cursorstyle;
}
}
}
補充一個常用的改變鼠標樣式的方法:如果你想鼠標移動到某個元素上改變鼠標樣式 就在這個元素的樣式里加上 cursor:(你想改的樣式)。
相關(guān)文章
使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點
這篇文章主要介紹了使用JavaScript在html文檔內(nèi)添加新的元素節(jié),主要打方式就是動態(tài)的改變原有html文檔結(jié)構(gòu),下文詳細介紹內(nèi)容需要的可以參考一下2022-02-02深入理解javascript嚴格模式(Strict Mode)
Strict mode是JavaScript1.8.5引進的技術(shù),但還沒有瀏覽器確實可靠的實現(xiàn)了嚴格模式,所以使用時要小心并且多測試。Strict mode可以應(yīng)用于整個腳本,也可以適合于單個函數(shù)。2014-11-11Locate a File Using a File Open Dialog Box
Locate a File Using a File Open Dialog Box...2007-06-06JavaScript使用canvas實現(xiàn)手寫簽名功能
最近遇到一個h5手寫簽名的需求,按理說這種功能網(wǎng)上隨便一搜一大把現(xiàn)成的源碼和組件,但是像這種比較經(jīng)典又很簡單的功能,還是要弄清楚到底怎么實現(xiàn)的,所以接下來本文就給大家介紹一下如何用canvas實現(xiàn)手寫簽名功能2023-08-08js一維數(shù)組、多維數(shù)組和對象的混合使用方法
這篇文章主要介紹了js一維數(shù)組、多維數(shù)組和對象的混合使用方法,需要的朋友可以參考下2016-04-04javascript ready和load事件的區(qū)別示例介紹
ready是在DOM加載完成就觸發(fā);load是在加載完所有頁面內(nèi)容才會觸發(fā),下為大家簡要介紹下,不知道的朋友可以參考下2013-08-08Django1.7+JQuery+Ajax驗證用戶注冊集成小例子
下面是散仙使用Django+Jquery+Ajax的方式來模擬實現(xiàn)了一個驗證用戶注冊時,用戶名存在不存在的一個小應(yīng)用。注意,驗證存在不存在使用的是Ajax的方式,不用讓用戶點擊按鈕驗證是否存在,需要的朋友可以參考下2017-04-04