巧用CSS控制滑鼠樣式變換(轉)
巧用CSS控制滑鼠樣式變換(轉)[@more@] 主頁上的滑鼠是不是就只有箭頭和小手兩種模樣呢?如果滑鼠移到“幫助”等字樣上時,形狀就變成求助的問號;滑鼠移到可能需要較長時間等待的超連結時,滑鼠形狀就變成等待的樣子……那該多好啊!
其實,藉助我們的css,幾句很簡單的程式碼就可以實現這一切! 不信?把滑鼠移到下面的演示文字上看看效果吧!
原始碼:
演示:移動原始碼:
演示:等待原始碼:
演示:定位指示原始碼:
演示:幫助原始碼:
是不是簡單又方便?這裡我們只用到了CSS中的“cursor”屬性,利用“style=cursor:值”這樣的語句形式,分別設定具體的值就可以了。例如:值為“hand”時,當滑鼠移到相應的文字或圖片上時,就會變成超連結的小手形;值為“move”時,當滑鼠移到相應的文字或圖片上時,就會變成上下左右帶方向箭頭的形狀,依此類推。這個小技巧也許可以在你製作主頁時幫上一點忙呢!
演示:手形
演示:手形
演示:移動
等待狀態
演示:定位指示
演示:幫助
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-957432/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS滑鼠樣式整理CSS
- CSS滑鼠樣式(cursor)CSS
- CSS 控制連結變換CSS
- 用CSS來改變網頁滑鼠顯示樣式的方法CSS網頁
- CSS自定義滑鼠指標樣式CSS指標
- 【轉】css樣式自動換行(強制換行)CSS
- 部落格園美化:CSS更改滑鼠樣式CSS
- JavaScript滑鼠移入和移出切換樣式JavaScript
- CSScursor屬性改變滑鼠的樣式CSS
- 【CSS: cursor】滑鼠游標指標樣式大全CSS指標
- 滑鼠懸浮改變元素的樣式離開樣式還原
- css控制列印內容的樣式CSS
- CSS-FONT樣式(轉)CSS
- CSS-COLOR樣式(轉)CSS
- 滑鼠樣式美化
- 通過CSS變數修改樣式CSS變數
- css的checkbox樣式變化CSS
- jq如何改變css樣式寬度CSS
- css樣式背景顏色漸變效果CSS
- echarts圖表樣式轉換Echarts
- css Cursor:url()自定義滑鼠指標樣式為圖片CSS指標
- 專為控制列印設計的CSS樣式CSS
- CSS滑鼠變成小手形狀CSS
- XHTML+CSS:呼叫樣式表(轉)HTMLCSS
- 使用JQ新增css的背景樣式,之後,hover失效,滑鼠滑過沒有改變顏色CSS
- 巧用CSS解決asp.net中Gridview邊框樣式問題CSSASP.NETView
- 滑鼠懸浮改變連結樣式程式碼例項
- js動態改變css偽類樣式JSCSS
- css 改變scroll滾動條的樣式CSS
- 使div變成半透明的css樣式CSS
- css樣式CSS
- 巧用 CSS 構建漸變彩色二維碼CSS
- Dreamweaver MX 2004 CSS樣式(轉)CSS
- HTML API + CSS 控制頁面列印內容和樣式HTMLAPICSS
- 常用CSS樣式2:其它樣式CSS
- 常用CSS樣式1:文字樣式CSS
- CSS系列:CSS常用樣式CSS
- CSS系列:CSS文字樣式CSS