代碼如下,111.ani
成都創新互聯公司專業為企業提供姚安網站建設、姚安做網站、姚安網站設計、姚安網站制作等企業網站建設、網頁設計與制作、姚安企業網站模板建站服務,10余年姚安做網站經驗,不只是建網站,更提供有價值的思路和整體網絡服務。
和
111.cur
是鼠標的指標圖片,存放在與網頁相同目錄既可:
html
head
meta
http-equiv="Content-Language"
content="zh-cn"
meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
title111/title
/head
body
style
type=text/css
body
{CURSOR:url('111.ani');}
a:hover
{CURSOR:url('111.cur');}
/style
a
href="111"11111/a
/body
/html
“設置”→“高級設置”→右側css“開始自定義”
在第一行body{}中添加鼠標代碼,此為全頁鼠標指針顯示的樣子;
如:旋轉薩克斯
body{CURSOR: url(''); }
在第二行加入a:hover{},在這之中添加的鼠標代碼,是鼠標指針移到鏈接上顯示的樣子。
如:旋轉吉他
a:hover{CURSOR: url('');}
關于鼠標代碼可參考CSS鼠標樣式大全:
-----------------------------------------------
Ω我的小屋:
歡迎來做客!
我們先來看第一種:用來改變鼠標指針形狀。 有些時候我們并不需要文字,圖片加鏈接,而且還想要加鏈接時的鼠標樣式。這就用到了我們的css樣式表來鼠標
1)、div{ cursor:default }默認正常鼠標指針
2)、div{ cursor:hand }和div{ cursor:text } 文本選擇效果
3)、div{ cursor:move } 移動選擇效果
4)、div{ cursor:pointer } 手指形狀 鏈接選擇效果
5)、div{ cursor:url(url圖片地址) }設置對象為圖片
2、cursor樣式效果圖css cursor鼠標光標指針樣式圖鼠標指針說明
cursor設置或檢索在對象上移動的鼠標指針采用何種系統預定義的光標形狀。
4、布局結構
p { cursor: text; } /* css注釋: 設置鼠標移動到html p對象時鼠標變為文本選擇樣式 */
a { cursor: pointer; } /* css注釋: 設置鼠標移動到a超鏈接對象時鼠標變為手指形狀(鏈接選擇) */
body { cursor: url("小圖片地址")} /* 設置鼠標指針默認為一個小圖片 */
擴展閱讀:css a、css a link、a hover、css超鏈接樣式鼠標指針樣式控制設置是比較常用的,
如日常我們在DIV+CSS布局時候,我們希望鼠標指向某個局部span標簽對象時候,鼠標指針光標就變為手指狀態,這個時候我們就對對象span設置cursor: pointer即可。以上我們圖例展示常用的鼠標光標形狀與css單詞,希望布局時候更加自身需要選擇設置鼠標指針樣式。需要注意是,光標切記勿濫用,也不要輕易設置自定義圖片為鼠標樣式這樣會將網頁造成復雜與不符合用戶體驗感覺,切記光標慎用。