學習啦>學習電腦>電腦硬件知識>鍵盤鼠標>

css怎么設置鼠標沙漏形狀

時間: 捷鋒774 分享

  CSS目前最新版本為CSS3,是能夠真正做到網(wǎng)頁表現(xiàn)與內容分離的一種樣式設計語言。下面是學習啦小編帶來的關于css怎么設置鼠標沙漏形狀的內容,歡迎閱讀!

  css怎么設置鼠標沙漏形狀?

  有些時候我們并不需要文字,圖片加鏈接,而且還想要加鏈接時的鼠標樣式。這就用到了我們的css樣式表來鼠標指針形狀了。請下面的css鼠標指針css樣式表的一些屬性:

默認
default
文字/編輯
text
自動
auto
手形
pointer, hand(hand是IE專有)
可移動對象
move
不允許
not-allowed
無法釋放
no-drop
等待/沙漏
wait
幫助
help
十字準星
crosshair
向上改變大小(North)
n-resize
向下改變大小(South)
s_resize 與n-resize效果相同
向左改變大小(West)
w-resize
向右改變大小(East)
e-resize 與w-resize效果相同
向左上改變大?。∟orthWest)
nw-resize
向左下改變大?。⊿outhWest)
sw-resize
向右上改變大小(NorthEast)
ne-resize 與sw-resize效果相同
向右下改變大?。⊿outhEast)
se-resize 與nw-resize效果相同
自定義光標
url('光標地址')
 
 

  以上就是改變鼠標指針形狀的css樣式表。如何應用呢?下面我們用實例來說明一下:

  歡迎您到百洋軟件研究實驗室listly的博客來做客

  也可以直接將樣式表寫在div標簽中效果是一樣的喲如:

  歡迎您到百洋軟件研究實驗室listly的博客來做客

  還有一種用法其原理是:利用了CSS2的一個cursor的屬性cursor:url (url),鼠標文件可以使用jpg、gif、ani和cur多種文件格式。需要注意的這種方式只能在IE5.5以上瀏覽器中正常顯示。

  改變鼠標指針形狀的第二種方法:利用第三方控件的方法

  這種方法非常簡單,只需要講以下代碼加到網(wǎng)頁文件的之間:

  修改后,瀏覽此網(wǎng)頁的時候瀏覽器會彈出一個“安全設置警告”,點擊“是”,系統(tǒng)自動安裝控件,鼠標就可以按照你的需要顯示了。

  那么,如何才能選擇你所需要的鼠標樣式呢?先登陸網(wǎng)站http://www.cometzone.com,這個網(wǎng)站有14個大類4000多種鼠標,內容十分廣泛,鼠標文件制作也很精美,你可以根據(jù)需要從類別中選擇需要的鼠標,點擊相應的鼠標圖片就可以預覽到不同的效果。

  選中鼠標后,點擊網(wǎng)頁左邊導航的“GET CURSOR CODE”鏈接,轉到下一頁,再點擊“Select Code”按鈕,按鈕下這個多行文本框里面的內容就是我上面提供的代碼,只是代碼中TheCometCursor('cd_electric',0,626)部分不同,顯示的鼠標狀態(tài)也不同.

745836