Электронная библиотека
Программисту веб-дизайнеру
Другие материалы
Библиотека: скачать готовые скрипты Javascript
При помощи приводимого ниже стиля можно изменять форму курсора
При помощи приводимого ниже стиля можно изменять форму курсора. Наведите курсор на любую ячейку таблицы, и Вы увидете изменение его формы.
<div style="text-align: center; height: 30px; width: 150px; background-color: #aaffee; CURSOR: crosshair;" >cursor:crosshair</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #ccaaff;" >cursor:pointer</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #bbffaa; CURSOR: move;" >cursor:move</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #bbffbb; CURSOR: e-resize;" >cursor:e-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #bbccdd; CURSOR: ne-resize;" >cursor:ne-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #eeffaa; CURSOR: nw-resize;" >cursor:nw-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #ffccdd; CURSOR: n-resize;" >cursor:n-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #eeffcc; CURSOR: sw-resize;" >cursor:sw-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #ffaadd; CURSOR: se-resize;" >cursor:se-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #aaeeff; CURSOR: s-resize;" >cursor:s-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #eeeeee; CURSOR: w-resize;" >cursor:w-resize</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #aaffdd; CURSOR: text;" >cursor:text</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #ddddff; CURSOR: wait;" >cursor:wait</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #ffffaa; CURSOR: help;" >cursor:help</div> <div style="text-align: center; height: 30px; width: 150px; background-color: #aabbff; CURSOR: auto;" >cursor:auto</div>