html怎麼改變滑鼠形狀

html改變滑鼠形狀的方法：1、用css的cursor屬性來改變滑鼠指標形狀，程式碼如「.a{ cursor:hand }」；2、利用第三方控制項改變滑鼠指標形狀。

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

CSS/HTML 改變滑鼠指標形狀

改變滑鼠指標形狀的方法有兩種；第一種：用css cursor屬性來改變滑鼠指標形狀。另一種是:利用第三方控制項的方法,而我自己最常用的是第一種:用css樣式表來改變滑鼠指標形狀

#我們先來看第一種：用cursor屬性來改變滑鼠指標形狀。

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

# default#text##pointer, hand(hand是IE專有)##movenot-allowedno-dropwaithelpcrosshairn-resize #s_resize 與n-resize效果相同w-resizee-resize 與w-resize效果相同nw-resizesw-resizene-resize與sw-resize效果相同se-resize 與nw- resize效果相同

	文字/編輯
	#自動
auto	#手形
	可移動物件
	#不允許
	無法釋放
	#等待/沙漏
	幫助
	十字準星
	#向上改變大小(North)
	向下改變大小(South)
	向左改變大小(West)
	向右改變大小(East)
	向左上改變大小（NorthWest）
	#向左下改變大小（SouthWest）
	在右邊改變大小（NorthEast）
	#向右下方改變大小（SouthEast）

############自訂遊標############url('遊標位址')####### ########

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

<style type="text/css">   
.a{ cursor:hand }   /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/</style>
<p class=”a”>欢迎您到XXX来做客</p>

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

<p style=”cursor:help;”>欢迎您到XXX来做客</p>

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

【推薦學習：HTML影片教學】

 改變滑鼠指標形狀的第二種方法:利用第三方控制項的方法

這種方法非常簡單，只需要講以下程式碼加到網頁檔案的之間：

<script language=>var Loaded=false;var Flag=false;</script>
<script src=&#39;http://files.cometsystems.com//lc2000.js&#39;
language=></script>
<script language=>if(Loaded&&Flag)TheCometCursor(&#39;cd_electric&#39;,0,626);</script>

修改後，瀏覽此網頁的時候瀏覽器會彈出一個“安全性設定警告”，點擊“是”，系統自動安裝控件，滑鼠就可以按照你的需求顯示了。
那麼，如何才能選擇你所需要的滑鼠樣式呢？先登陸網站http://www.cometzone.com，這個網站有14個大類4000多種滑鼠，內容十分廣泛，滑鼠檔案製作也很精美，你可以根據需要從類別中選擇需要的滑鼠，點擊相應的滑鼠圖片就可以預覽到不同的效果。
選中滑鼠後，點擊網頁左邊導航的“GET CURSOR CODE”鏈接，轉到下一頁，再點擊“Select Code”按鈕，按鈕下這個多行文本框裡面的內容就是我上面提供的代碼，只是程式碼中TheCometCursor('cd_electric',0,626)部分不同，顯示的滑鼠狀態也不同.

#

以上是html怎麼改變滑鼠形狀的詳細內容。更多資訊請關注PHP中文網其他相關文章！