css怎么設(shè)置鼠標(biāo)沙漏形狀
CSS目前最新版本為CSS3，是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。下面是學(xué)習(xí)啦小編帶來的關(guān)于css怎么設(shè)置鼠標(biāo)沙漏形狀的內(nèi)容，歡迎閱讀!
css怎么設(shè)置鼠標(biāo)沙漏形狀?
有些時(shí)候我們并不需要文字，圖片加鏈接，而且還想要加鏈接時(shí)的鼠標(biāo)樣式。這就用到了我們的css樣式表來鼠標(biāo)指針形狀了。請(qǐng)下面的css鼠標(biāo)指針css樣式表的一些屬性：
默認(rèn)
|
default
|
|
文字/編輯
|
text
|
|
自動(dòng)
|
auto
|
|
手形
|
pointer, hand(hand是IE專有)
|
|
可移動(dòng)對(duì)象
|
move
|
|
不允許
|
not-allowed
|
|
無法釋放
|
no-drop
|
|
等待/沙漏
|
wait
|
|
幫助
|
help
|
|
十字準(zhǔn)星
|
crosshair
|
|
向上改變大小(North)
|
n-resize
|
|
向下改變大小(South)
|
s_resize
|
|
向左改變大小(West)
|
w-resize
|
|
向右改變大小(East)
|
e-resize
|
|
向左上改變大小（NorthWest）
|
nw-resize
|
|
向左下改變大?。⊿outhWest）
|
sw-resize
|
|
向右上改變大小（NorthEast）
|
ne-resize
|
|
向右下改變大?。⊿outhEast）
|
se-resize
|
|
自定義光標(biāo)
|
url('光標(biāo)地址')
|
以上就是改變鼠標(biāo)指針形狀的css樣式表。如何應(yīng)用呢?下面我們用實(shí)例來說明一下：
歡迎您到百洋軟件研究實(shí)驗(yàn)室listly的博客來做客
也可以直接將樣式表寫在div標(biāo)簽中效果是一樣的喲如:
歡迎您到百洋軟件研究實(shí)驗(yàn)室listly的博客來做客
還有一種用法其原理是：利用了CSS2的一個(gè)cursor的屬性cursor：url (url)，鼠標(biāo)文件可以使用jpg、gif、ani和cur多種文件格式。需要注意的這種方式只能在IE5.5以上瀏覽器中正常顯示。
改變鼠標(biāo)指針形狀的第二種方法:利用第三方控件的方法
這種方法非常簡(jiǎn)單，只需要講以下代碼加到網(wǎng)頁(yè)文件的之間：
修改后，瀏覽此網(wǎng)頁(yè)的時(shí)候?yàn)g覽器會(huì)彈出一個(gè)“安全設(shè)置警告”，點(diǎn)擊“是”，系統(tǒng)自動(dòng)安裝控件，鼠標(biāo)就可以按照你的需要顯示了。
那么，如何才能選擇你所需要的鼠標(biāo)樣式呢?先登陸網(wǎng)站http://www.cometzone.com，這個(gè)網(wǎng)站有14個(gè)大類4000多種鼠標(biāo)，內(nèi)容十分廣泛，鼠標(biāo)文件制作也很精美，你可以根據(jù)需要從類別中選擇需要的鼠標(biāo)，點(diǎn)擊相應(yīng)的鼠標(biāo)圖片就可以預(yù)覽到不同的效果。
選中鼠標(biāo)后，點(diǎn)擊網(wǎng)頁(yè)左邊導(dǎo)航的“GET CURSOR CODE”鏈接，轉(zhuǎn)到下一頁(yè)，再點(diǎn)擊“Select Code”按鈕，按鈕下這個(gè)多行文本框里面的內(nèi)容就是我上面提供的代碼，只是代碼中TheCometCursor('cd_electric',0,626)部分不同，顯示的鼠標(biāo)狀態(tài)也不同.