crosshair;
十字準心
The cursor render as a crosshair
游標表現為十字準線
cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5,它只認hand。
手
The cursor render as a pointer (a hand) that indicates a link
游標以暗示(手指)的形式來表明有一個連接
cursor: wait;
等待/沙漏
The cursor indicates that the program is busy (often a watch or an hourglass)
游標暗示當前程序正忙(一般為一塊表或是一個沙漏)
cursor: help;
幫助
The cursor indicates that help is available (often a question mark or a balloon)
游標暗示當前位置可得到幫助(一般為問號或是氣球)
cursor: no-drop;
無法釋放
cursor: no-drop;
cursor: text;
文字/編輯
The cursor indicates text
游標暗示當前所處位置為文字內容
cursor: move;
可移動對象
The cursor indicates something that should be moved
游標暗示一些東西應該被移動
cursor: n-resize;
向上改變大小(North)
The cursor indicates that an edge of a box is to be moved up (north)
邊緣可向上移動(北)
cursor: s-resize;
向下改變大小(South)
The cursor indicates that an edge of a box is to be moved down (south)
邊緣可向下方移動(南)
cursor: e-resize;
向右改變大小(East)
The cursor indicates that an edge of a box is to be moved right (east)
box邊緣可向右(東)邊移動
cursor: w-resize;
向左改變大小(West)
The cursor indicates that an edge of a box is to be moved left (west)
邊緣可向左移動(西)
cursor: ne-resize;
向上右改變大小(North East)
The cursor indicates that an edge of a box is to be moved up and right (north/east)
游標暗示box的邊緣可向右上方移動(東北方向)
cursor: nw-resize;
向上左改變大小(North West)
The cursor indicates that an edge of a box is to be moved up and left (north/west)
邊緣可向左上方移動(西北)
cursor: se-resize;
向下右改變大小(South East)
The cursor indicates that an edge of a box is to be moved down and right (south/east)
邊緣可向右下方移動(東南)
cursor: sw-resize;
向下左改變大小(South West)
The cursor indicates that an edge of a box is to be moved down and left (south/west)
邊緣可向左下方移動(西南)
cursor: auto;
自動
The browser sets a cursor
瀏覽器設置一個游標
cursor:not-allowed;
禁止
cursor:not-allowed;
cursor: progress;
處理中
cursor: progress;
cursor: default;
系統默認
The default cursor (often an arrow)
默認的游標狀態(通常為一個箭頭)
cursor: url(' # ');
`#` = 光標文件地址 (注意文件格式必須為:.cur 或 .ani)。
用戶自定義(可用動畫)
The url of a custom cursor to be used.
自定義游標的url位置
Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
注意:在定義完自定義的游標之后在末尾加上一般性的游標,以防那些url所定義的游標不能使用
- js
- js繼承
- keyCode
- 好的網站
- 零散知識點-js
- This
- 對象深拷貝和淺拷貝
- 數組方法
- 數組的深拷貝和淺拷貝
- JS 引擎的執行機制
- js中的new
- 常用正則
- 函數柯里化
- 會修改當前數組的方法
- 不會修改當前數組的方法
- 函數式編程
- 循環遍歷
- 基礎知識
- 異步
- js知識總結
- fileReader
- HTML
- 零散知識點
- html5新特性
- viewport
- CSS
- cursor
- css3新特性
- 水平居中
- 垂直居中
- display解析
- 塊級元素和行內元素
- css技巧和方法
- 清除浮動
- Less
- Sass
- 綜合
- 微信小程序
- 前端面試
- CSS-面試
- JS-面試
- js-web-api
- js知識
- MVC-面試
- jQuery與框架的區別
- 閉包
- promise
- http狀態碼
- cdn
- 離線存儲
- 事件
- web安全
- 性能優化
- 響應式
- 服務器渲染和本地渲染
- 模板是什么?
- VUE流程
- 瀏覽器渲染過程
- this的指向
- new的使用
- HTML-面試
- title和alt區別
- html5元素
- h5新特性
- 圖片格式
- 零散面試總結
- react
- 生命周期-react
- state
- props
- 組件通信
- 虛擬DOM
- 源碼分析
- webstorm-template
- element與component區別
- 組件的理解
- JXS
- vue與react區別
- 16.8版本
- vue
- 生命周期-vue
- 實現流程
- webpack
- 概念
- 入口起點
- 出口
- loader
- 模式
- 插件
- manifest
- redux
- 介紹
- 核心概念
- 三大原則
- 基礎
- action
- reducer
- store
- 數據流
- 高級
- 異步action
- 異步數據流
- middleware
- ES6阮一峰
- ...
- let
- es6箭頭函數
- const
- 塊級作用域
- 頂層對象的屬性
- global 對象
- 變量的解構賦值
- 字符串的擴展
- promise對象
- 正則的擴展
- 數值的擴展
- Math對象的擴展
- 函數的擴展
- 數組的擴展
- 對象的擴展
- symbol
- async函數
- class的基本用法
- Class 的繼承
- Set 和 Map 數據結構
- 開發工具
- 好用的軟件
- chrome插件
- 其他實用工具
- 微信公眾號-前端早讀課
- 【第1352期】map和reduce,處理數據結構的利器
- 微信公眾號-前端大全
- JS 的執行機制
- 一篇文章理解 JS 繼承
- 瀏覽器
- 緩存
- 《Webkit技術內幕》之頁面渲染過程
- 跨域
- 安全
- XSS
- 設計模式
- 發布訂閱模式
- 工廠模式
- MV*模式
- 觀察者模式
- react-router
- 一些小技巧
- js一些小算法
- 1.已知一個數組中的值,在另外一個數組中查找該值
- 累加器
- 數組隨機
- 數組扁平化并去重排序
- Immutable
- 常用命令
- hybrid
- schema封裝
- typescript