重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
cursor 屬性規(guī)定要顯示的光標(biāo)的類型(形狀)。
成都創(chuàng)新互聯(lián)公司公司2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命,1280元韶關(guān)做網(wǎng)站,已為上家服務(wù),為韶關(guān)各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
url
需使用的自定義光標(biāo)的 URL。
注釋:請?jiān)诖肆斜淼哪┒耸冀K定義一種普通的光標(biāo),以防沒有由 URL 定義的可用光標(biāo)。
default 默認(rèn)光標(biāo)(通常是一個(gè)箭頭)
auto 默認(rèn)。瀏覽器設(shè)置的光標(biāo)。
crosshair 光標(biāo)呈現(xiàn)為十字線。
pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手)
move 此光標(biāo)指示某對象可被移動(dòng)。
e-resize 此光標(biāo)指示矩形框的邊緣可被向右(東)移動(dòng)。
ne-resize 此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)(北/東)。
nw-resize 此光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)(北/西)。
n-resize 此光標(biāo)指示矩形框的邊緣可被向上(北)移動(dòng)。
se-resize 此光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)(南/東)。
sw-resize 此光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)(南/西)。
s-resize 此光標(biāo)指示矩形框的邊緣可被向下移動(dòng)(南)。
w-resize 此光標(biāo)指示矩形框的邊緣可被向左移動(dòng)(西)。
text 此光標(biāo)指示文本。
wait 此光標(biāo)指示程序正忙(通常是一只表或沙漏)。
help 此光標(biāo)指示可用的幫助(通常是一個(gè)問號或一個(gè)氣球)。
任意標(biāo)簽中插入 style="cursor:hand"
多種形狀可供選擇
hand是手型
pointer也是手型,這里推薦使用這種,因?yàn)檫@可以在多種瀏覽器下使用。
crosshair是十字型
text是移動(dòng)到文本上的那種效果
wait是等待的那種效果
default是默認(rèn)效果
help是問號
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統(tǒng)自動(dòng)給出效果
css使鼠標(biāo)移到div上顯示手型主要通過cursor:pointer屬性實(shí)現(xiàn),具體操作如下:
1、在html中添加一個(gè)div,指定div的寬,高,背景。
2、運(yùn)行html文件,將鼠標(biāo)放到div上默認(rèn)顯示的是箭頭形狀。
3、給div添加css屬性cursor:pointer。
4,運(yùn)行html以后將鼠標(biāo)放到div上會(huì)顯示手型。
光標(biāo)樣式
CURSOR: hand,就是光標(biāo)變成一個(gè)小手的樣子,就好像鼠標(biāo)移動(dòng)到一個(gè)網(wǎng)頁鏈接上的效果。
一般用在鏈接或者圖片上,或者div上
在對應(yīng)的樣式表里面寫上這句話:
cursor:pointer
OK
現(xiàn)在看看 就是樓主要的效果了