Hogyan változtassuk meg a kurzort a böngésző CSS segítségével

Rendkívül fontos megérteni, hogy nem tudja megváltoztatni az egérmutató csak „mert”. Az egérmutató - az elsődleges módszer, amelyet a felhasználó a webhely, és a változás csak azért, mert úgy kívánja, teljesen elpusztítani a felhasználói felület várakozásokat, hogy vezet csalódást. A felhasználó egyszerűen hagyja a helyén. Ha a kurzor tulajdonság, mindig meg kell megközelíteni alatt az aktuális feladatot, és megfelel az elvárásoknak a felhasználó.

kurzor tulajdonság egyedi elemek. gyakran ez lehet a: hover vagy más hasonló állapotban.

alapértelmezett - az alapértelmezett érték, a normál pointer

auto - A kurzor függően változik a jelenlegi helyzetben a böngészőben. A kurzor nem mindig a megfelelő típusú, vagy a kívánt.

Nincs - A kurzor hiányzik. Gondos használata ezt az értéket, akkor megzavarja a felhasználót.

helyi menü - Helyi menü is rendelkezésre áll.

segít - van segítség

pointer - társult az egérrel rámutatva linkeket. Icon egy kéz

folyamatban - webes alkalmazás vagy helyszíni műveleteket végez a háttérben, de továbbra is dolgozni velük. Ne tévesszük össze előrehaladását a címkét. Gyakran úgy tűnik, mint a várakozás (lásd. Alább).

várjon - Függelék alkalmazott (általában ikon gyűrűt alkot fonás vagy óra).

sejt - Azt jelzi, hogy a táblázat cellájába lehet választani.

célkereszt - kereszt. Gyakran használják, hogy jelezze a kiválasztott terület a képeken.

szöveg - Vízszintes szöveg azonosítani lehet.

függőleges szöveg - Függőleges szöveg azonosítani lehet.

alias - hozhatunk létre egy alias, egy parancsikont vagy szimbolikus link.

mozog - elem lehet mozgatni.

nem-drop - ezen a területen nem lehet mozgatni egy elemet. (Gyakran ikon egybeesik a nem-engedélyezett - lásd alább).

nem-engedélyezett - Ebben a régióban a műveletet nem lehet végrehajtani.

all-scroll - Element lehet görgetni bármely irányba.

col-átméretezés - oszlop elem méretű vagy változtatható vízszintesen.

sor resize - elem vagy sorméretkorlátot lehet változtatni függőlegesen.

n-resize - Element mérete csak függőlegesen lehet változtatni.

e-resize - Element mérete csak vízszintesen, meg lehet változtatni.

w-resize - elem kiterjedhet a bal oldalon.

s-resize - elem csak bővíteni le.

ne-resize - jobb felső sarokban az elem húzhatja.

nw-resize - a bal felső sarokban az elem húzhatja.

se-resize - Jobb alsó sarok elem húzhatja.

sw-resize - a bal alsó sarokban az elem húzhatja.

EW-resize - elem átméretezhető vízszintesen.

ns-resize - elem átméretezhető függőlegesen.

nesw-átméretezés - elem mérete lehet változtatni átlósan a jelzett irányba.

nwse-átméretezés - elem mérete lehet változtatni átlósan a jelzett irányba.

zoom-in - Az elem növelhető. Nem támogatott az IE.

kicsinyítés - Az elem lehet csökkenteni. Nem támogatott az IE.

megragad - elem lehet leírni. Nem támogatott IE; Más böngészők szükséges előtagokat az eladó változat érték (kurzor: -webkit megragad, stb.)

rángatás - Element elfogták. Nem támogatott IE; mint az előző példában, van szüksége az eladóval változat előtagokat.

Az érték önmagában nincs hatással a viselkedését a kurzor: nesw resize értéke könnyen kiválaszthatja a szöveget.

egyéni kurzorok

Amint a kurzort az ikonok megadhat egy képet. Úgy fogalmaz, ugyanúgy, mint a háttérkép. Ez a módszer azonban számos probléma:

Minden böngésző kivételével IE támogatja a gyors változás kurzorok - aktiválása a kurzort. IE figyelmen kívül hagyja koordinátái X és Y.

egér design, mint a favicon, különös gondosságot igényel. Ezek az elemek lehetnek olyan világos és a sötét háttérrel. Ezért is kell működnie minden körülmények között. Alábbi példa:

Hogyan változtassuk meg a kurzort a böngésző CSS segítségével

Egy egyéni kurzort, akkor regisztrálnia kell pointer alapértelmezésben folbek, amelyek szükségesek az IE böngészők, mint például:

53 53 Az érték mutatja a kurzor maga a központ.

Felülvizsgálat: Team webformyself.

A legtöbb IT hírek és webfejlesztés A csatorna-távirat

Hogyan változtassuk meg a kurzort a böngésző CSS segítségével

HTML5 és CSS3 gyakorlatban nulla az eredmény!

„Rendelésre kurzort, akkor regisztrálnia kell az alapértelmezett mutató és folbek ...”
Lord, akkor írj a nyelvet? Van egy nagy történet, hanem tiszteletben tartja az olvasók. Ha nem tud angolul a témán belül, illetve akkor ne írjon egy cikket egyszer - ellenőrizze szótár, vagy valami! Vagy orosz szó „padding” valahogy megaláz?

Michael, bármilyen üzleti környezetbe, van egy csomó zsargont, szakmai szempontból, amelyeket nem kell lefordítani. És webfejlesztés sem kivétel. Van is egy csomó szempontból: bug, hibakeresés, Divas, link, url, tálaló, folbek ... az első dolog, ami eszébe jutott. Átadják ... nos, mintha nem is vett, ezek a feltételek csak a norma. Mellesleg, a szó tartalék még mindig azt jelenti ebben az esetben nem a francia, mint egy tartalék.
És mi a helyzet minden megaláztatást nem kérdés, hogy ez csak egy szakmai terminológiát.

Kapcsolódó cikkek