用CSS來改變網頁滑鼠顯示樣式的方法
一般而言,滑鼠以斜向上的箭頭顯示,移到文字上時變為有頭的豎線,移到超級連結上變為手型。但用css可控制滑鼠的顯示效果,如可使滑鼠移到普通文字上也顯示成手型。
用css控制的語法如下:
<span >文字或其它頁面元素</span>
把 * 換成如下15個效果的一種:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧!
hand是手型
crosshair是十字型
text是移動到文字上的那種效果
wait是等待的那種效果
default是預設效果
help是問號
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統自動給出效果
來源:http://www.duice.net/html/wzjs/Dreamweaver/1289.html
相關文章
- CSScursor屬性改變滑鼠的樣式CSS
- 滑鼠懸浮改變元素的樣式離開樣式還原
- 巧用CSS控制滑鼠樣式變換(轉)CSS
- 更改網站模板樣式顯示不出來網站
- css 改變scroll滾動條的樣式CSS
- jQuery使用css()方法改變元素樣式程式碼例項jQueryCSS
- ThinkPHP 自帶的分頁——改變樣式PHP
- 用CSS樣式實現顯示隱藏層 (轉)CSS
- jq如何改變css樣式寬度CSS
- CSS滑鼠樣式整理CSS
- CSS滑鼠樣式(cursor)CSS
- 網頁中應用CSS樣式的幾種方式網頁CSS
- js動態改變css偽類樣式JSCSS
- 網頁變成黑白樣式網頁
- 滑鼠懸浮改變連結樣式程式碼例項
- 使用JQ新增css的背景樣式,之後,hover失效,滑鼠滑過沒有改變顏色CSS
- 網頁圖片不能顯示 網頁圖片顯示不出來的解決辦法網頁
- [譯] 新的 CSS 特性正在改變網頁設計CSS網頁
- CSS滑鼠懸停下拉顯示內容CSS
- CSS自定義滑鼠指標樣式CSS指標
- 怎樣改變小程式的首頁?
- SAP CRM Fiori 應用和 SAP 電商雲 UI 如何通過調整CSS來改變UI顯示風格UICSS
- javascript動態改變元素css樣式簡單介紹JavaScriptCSS
- js css滑鼠懸停顯示下拉選單JSCSS
- 滑鼠滑過,縮圖放大顯示(純CSS)CSS
- 用javabean來實現MySQL的分頁顯示(轉)JavaBeanMySql
- 部落格園美化:CSS更改滑鼠樣式CSS
- Python Flask+Pandas讀取excel顯示到html網頁: CSS控制表格樣式、表頭文字居中PythonFlaskExcelHTML網頁CSS
- WinPE中如何改變檔案顯示圖示
- css的checkbox樣式變化CSS
- 網頁中新增下劃線樣式的方法網頁
- 網頁影像漸變的方法(HTML+CSS) (漸變與切換)網頁HTMLCSS
- 【CSS: cursor】滑鼠游標指標樣式大全CSS指標
- CSS分頁簡潔樣式CSS
- css之縮小視窗,網頁右側顯示白色的bugCSS網頁
- css:預設的checkbox、input、radio太醜了?我來教你改變使用純css3改寫的帶動畫的預設樣式CSSS3動畫
- pdf在前端網頁的顯示前端網頁
- css+jquery滑鼠滑過,顯示下拉選單效果CSSjQuery