9 октября 2008
Синдикация
Как установить вид курсора?
Не скажу, что мне каждый раз приходиться устанавливать вид курсора. Нет, за последние полгода данная техника пригодилась только два раза. Один раз - при работе с jQuery галереей, вторая раз - при работе уже со второй галереей (опять на jQuery), но это было больше для красоты.
Привожу подборку стилей по определению вида курсора. Вдруг кому понадобится.
В первой колонке дан код для css, во второй - вид курсора при данном стиле, в остальных трех - каким браузером поддерживается.
| CSS | Пример | IE6 | Moz | Firefox |
|---|---|---|---|---|
| cursor: auto | · | X | X | X |
| cursor: default | · | X | X | X |
| cursor: hand | · | X | ||
| cursor: pointer | · | X | X | X |
| cursor: crosshair | · | X | X | X |
| cursor: move | · | X | X | X |
| cursor: text | · | X | X | X |
| cursor: vertical-text | · | X | X | |
| cursor: wait | · | X | X | X |
| cursor: progress | · | X | X | |
| cursor: help | · | X | X | X |
| cursor: n-resize | · | X | X | X |
| cursor: s-resize | · | X | X | X |
| cursor: e-resize | · | X | X | X |
| cursor: w-resize | · | X | X | X |
| cursor: ne-resize | · | X | X | X |
| cursor: sw-resize | · | X | X | X |
| cursor: se-resize | · | X | X | X |
| cursor: nw-resize | · | X | X | X |
| cursor: all-scroll | · | X | ||
| cursor: col-resize | · | X | X | |
| cursor: row-resize | · | X | X | |
| cursor: no-drop | · | X | ||
| cursor: not-allowed | · | X | X | |
| cursor: url() | X |
Понравилась статья? Тогда подпишитесь на RSS, чтобы следить за обновлениями!
28 октября 2009 в 15:26
Есть еще фнимированые курсоры, файл формата .ani, если не ошибаюсь, жалко что это работает только в IE, для крассивого сайта, нестандартный курсор + анимированный (без использования флеша) это здорово!
[Ответить]