Помогни ни да направим Uroci.net по - богат! Добави урок

CSS - икона на мишката

fix3d   трудност:    видян: 12516

В таблицата е показано списък с възможните икони.

ИконаСтойностПримерен кодБраузер
 auto Всички
default
style="cursor: default;"
Всички
hand
style="cursor: hand;"
IE
pointer
style="cursor: pointer;"
NS6/ IE6
hand & pointer
style="cursor: pointer; cursor: hand;"
Cross browser
crosshair
style="cursor: crosshair;"
Всички
text
style="cursor: text;"
Всички
wait
style="cursor: wait;"
Всички
help
style="cursor: help;"
Всички
   Всички
move
style="cursor: move;"
Всички
e-resize
style="cursor: e-resize;"
Всички
ne-resize
style="cursor: ne-resize;"
Всички
nw-resize
style="cursor: nw-resize;"
Всички
n-resize
style="cursor: n-resize;"
Всички
se-resize
style="cursor: se-resize;"
Всички
sw-resize
style="cursor: sw-resize;"
Всички
s-resize
style="cursor: s-resize;"
Всички
w-resize
style="cursor: w-resize;"
Всички
progress
style="cursor: progress;"
IE6
all-scroll
style="cursor: all-scroll;"
IE6
col-resize
style="cursor: col-resize;"
IE6
no-drop
style="cursor: no-drop;"
IE6
not-allowed
style="cursor: not-allowed;"
IE6
row-resize
style="cursor: row-resize;"
IE6
url(uri)
style="cursor: url(mycursor.cur);"

Забележка: Поддържа се само .cur и .ani файлови формати, поддържа се от IE6.

IE6
vertical-text
style="cursor: vertical-text;"
IE6

Ето няколко примера за начина по който може да се използва:

Пример #1:

Това ще промени стрелката на цялата страница с иконата mycursor.cur.

Пример #2:



Help
Във втория пример когато мишката е в/у целия DIV иконата е , а когато мишката мине в/у връзката става .

Смяна на курсора динамично с JavaScript.

Ако горните примери на помогнат, може да смените курсора с помощта на JavaScript. Просто използвайте синтаксиса :
element.style.cursor="new_cursor_value"

Пример #3 (невъзможност за избиране на текста):
В този пример ще видите как да направите текста невъзможен за избиране. (в IE5+). Когато мишката минава над текста и се опитва да го селектира излиза иконата: .


onMouseup="this.style.cursor='default'">







Коментари (2)

kermenal на 12.08 2007 в 10:13ч.
На мен не ми става имам мишка в папката кадето ми е саита казвасе Cursor_Shoot.cur самоче не се получава , а това сам написал в cursors.css което е в тяхната папка ето и садържанието


body { cursor: Cursor_Shoot.cur (Cursor_Shoot.cur); }


Това е благодаря предварително .
kermenal на 12.08 2007 в 10:14ч.
На мен не ми става имам мишка в папката кадето ми е саита казвасе Cursor_Shoot.cur самоче не се получава , а това сам написал в cursors.css което е в тяхната папка ето и садържанието

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: IT Новини