tooltip
A tooltip nem új, de ha szükség van, hogy végre a saját oldalán, a kérdés gyakran felmerül: hogyan lehet a legjobban csinálni? Az egyik a sok tipp: egy nagy könyvtár, például jQuery vagy MooTools, vagy kész plug-inek, és néhány csak a szabványos HTML és CSS eszközök. A legfontosabb dolog az, hogy a pop-up tipp érdekes és vonzó a felhasználók számára.
Ma fogunk csinálni három ötlet: egy elemleírásokat, eszköztippként a kapcsolat és a tooltip a képet. Ehhez fogjuk használni csak a HTML és a CSS3.
És így, kezdjük a tompa és c jel jövőnk tippeket:
Most zaymomsya CSS stílusokat, és kezdjük talán az átalakító:
Segítségével a helymeghatározás, akkor tegye a kártyát a megfelelő helyen a számunkra, és állítsa be a stílust a megjelenítés és a közös stílus a belső alkatrészeket.
Használjuk a pszeudo-előtt, és adjunk hozzá egy átalakító kérdőjel - akkor tájékoztatjuk látogatóinkat, hogy hol kap magyarázó információkat.
Minden magyarázó tartalom, amelyet található a tooltip, akkor tegye a P-elem, de ez feltétele, akkor minden más tag, elrejteni, és annak fő otpozitsionirovat viszonylag csomagolást.
Felhasználó fölött lebeg a tooltip, és megmutatjuk a rejtett tartalmat. Ahhoz, hogy hozzá egy sima az ingatlan használatát CSS3 animáció.
És az utolsó rész - az összeadás nyilak.
Ígéret három, és tette, mint a csak egy - egy univerzális módszer a burkolaton belül, akkor tegye, amit szeret, még egy tömör darab HTML kódot, kivéve, persze, elég izzadság beállító stílusok: