搜索中...
2015/08/08

【CSS】更換滑鼠游標型態

 想要在指定區域更換滑鼠類型?簡單的CSS就能做到,只要在指定區域輸入內容即可。
程式碼
cursor: crosshair; /*十字線型*/
cursor: cell; /*十字小方格 Firefox, Opera*/
cursor: move; /*十字箭頭(移動)*/
cursor: all-scroll; /*四方捲動*/
cursor: n-resize; /*箭頭朝上*/
cursor: s-resize; /*箭頭朝下*/
cursor: e-resize; /*箭頭朝右*/
cursor: w-resize; /*箭頭朝左*/
cursor: nw-resize; /*箭頭左上*/
cursor: sw-resize; /*箭頭左下*/
cursor: se-resize; /*箭頭朝右上*/
cursor: ne-resize; /*箭頭朝右下*/
cursor: col-resize; /*改變直行數*/
cursor: row-resize; /*改變橫欄數*/
cursor: text; /*I 輸入文字符號*/
cursor: vertical-text; /*垂直文字*/
cursor: help; /*協助加一問號*/
cursor: wait; /*等待中;漏斗*/
cursor: progress; /*進行中;作業中*/
cursor: pointer; /*手型,表示超連結*/
cursor: not-allowed; /*無法使用*/
cursor: context-menu; /*選單 Opera*/
附加效果
html的使用方法,直接在包覆內容的標籤內增加「style="cursor:上方程式碼;"」即可。
參考來源
http://www.eion.com.tw/

0 意見:

張貼留言