יום שני, 13 באפריל 2009

14.2 Cursor

סמן העכבר מקבל מראה שונה כאשר מעבירים אותו מעל אלמנטים שונים (נראה כמו יד במעבר על קישורים, וכמו שערה במעבר על שדות להכנסת טקסט, למשל). 
ניתן לשנות את מראה העכבר גם בעזרת תכונת cursor, שיכולה לקבל את הערכים הבאים: default, pointer, move, e-resize , ne-resize , nw-resize , n-resize , se-resize , sw-resize , s-resize , w-resize , text , wait , help , hand crosshair, auto,.

נסו בעצמכם לשנות את הסמן לראות את כל האופציות השונות. תוכלו לדוגמה לכתוב:

button{cursor:hand;}

או לדוגמה:

<a href="directions.html" style="cursor:help">Need Help?</a>

Value

Description

url

The url of a custom cursor to be used.

Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used

default

The default cursor (often an arrow)

auto

Default. The browser sets a cursor

crosshair

The cursor render as a crosshair

pointer

The cursor render as a pointer (a hand) that indicates a link

move

The cursor indicates something that should be moved

e-resize

The cursor indicates that an edge of a box is to be moved right (east)

ne-resize

The cursor indicates that an edge of a box is to be moved up and right (north/east)

nw-resize

The cursor indicates that an edge of a box is to be moved up and left (north/west)

n-resize

The cursor indicates that an edge of a box is to be moved up (north)

se-resize

The cursor indicates that an edge of a box is to be moved down and right (south/east)

sw-resize

The cursor indicates that an edge of a box is to be moved down and left (south/west)

s-resize

The cursor indicates that an edge of a box is to be moved down (south)

w-resize

The cursor indicates that an edge of a box is to be moved left (west)

text

The cursor indicates text

wait

The cursor indicates that the program is busy (often a watch or an hourglass)

help

The cursor indicates that help is available (often a question mark or a balloon)


 הקודם  הבא  

אין תגובות:

הוסף רשומת תגובה