常用滑鼠手勢總結

2021-07-12 06:08:04 字數 1113 閱讀 6015

cursor:hand與 cursor:pointer 的效果是一樣,都像手形游標。但用firefox瀏覽時才注意到使用cursor:hand在firefox裡並被支援。

cursor:hand:ie完全支援。但是在firefox是不支援的,沒有效果。

cursor:pointer:是css2.0的標準。所以firefox是支援的,但是ie5.0既之前版本不支援。ie6開始支援。

附:cursor屬性收集

游標型別

css

十字準心cursor: crosshair;

手cursor: pointer;

cursor:hand;

寫兩個是為了照顧ie5,它只認hand。

等待/沙漏cursor: wait;

幫助cursor: help;

無法釋放cursor: no-drop;

文字/編輯cursor: text;

可移動物件cursor: move;

向上改變大小(north)

cursor: n-resize;

向下改變大小(south)

cursor: s-resize;

向右改變大小(east)

cursor: e-resize;

向左改變大小(west)

cursor: w-resize;

向上右改變大小(north east)

cursor:ne-resize;

向上左改變大小(north west)

cursor:nw-resize;

向下右改變大小(south east)

cursor:se-resize;

向下左改變大小(south west)

cursor:sw-resize;

自動cursor: auto;

禁止cursor:not-allowed;

處理中cursor: progress;

系統預設cursor: default;

使用者自定義(可用動畫)cursor: url(『 # 『);

# = 游標檔案位址

(注意檔案格式必須為:

.cur

或.ani)

Flex語法和常用滑鼠手勢

1 display flex inline flex 設定給氟元素 flex 將物件作為彈性伸縮盒顯示 inline flex 將物件作為內聯塊級彈性伸縮顯示 2 flex direction 主軸排列方向 說明 順序指定子元素在父容器的位置 row 預設橫向排列 row reverse 反轉橫向排...

CSS滑鼠手勢

屬性名 cursor 屬性值 手勢狀態 auto 預設值。瀏覽器根據當前情況自動確定滑鼠游標型別。all scroll ie6.0 有上下左右四個箭頭,中間有乙個圓點的游標。用於標示頁面可以向上下左右任何方向滾動。col resize ie6.0 有左右兩個箭頭,中間由豎線分隔開的游標。用於標示專案...

CSS滑鼠手勢

屬性名 cursor 屬性值 手勢狀態 auto 預設值。瀏覽器根據當前情況自動確定滑鼠游標型別。all scroll ie6.0 有上下左右四個箭頭,中間有乙個圓點的游標。用於標示頁面可以向上下左右任何方向滾動。col resize ie6.0 有左右兩個箭頭,中間由豎線分隔開的游標。用於標示專案...