Gyönyörű legördülő listából site
Gondolod, hogy van egy modern design a helyén? Ön a legmodernebb technológia és félnek tőlük? Talán úgy gondolja, hogy túl nehéz, és még nem akar mászni ebben a dzsungelben. Valójában azonban a dolgok egészen más. Végtére is, az új technológiák (mármint most CSS3) jött, hogy megkönnyítsük a webes tervezők, és hogy egymást kiegészítő képességeit, hogy megteremtse a megjelenése a helyszínen. Ma beszéljünk néhány fajta kialakítás a legördülő listából.
Azt akarom mondani, rögtön a demo: minden adott típusú lista egy külön HTML fájlt, amely lehetővé teszi, hogy a kódot könnyen, hogy szükség van. Is található stílusok külön ügyiratot lista design. Csak ki kell választani azt, amelyik a legjobban tetszik, és megtalálja a fájlt 🙂 stílusokat.
A jelölő semmi szokatlan a lista:
Ahogy a mondás tartja:
Bizonyos esetekben láthatjuk a szokatlan tulajdonságokkal rendelkeznek, a data-osztály vagy adatkapcsolat. Van mitől félni, ezek szükségesek a megfelelő működéséhez a megfelelő listára, hogy további információ tárolható ott.
Sétáljon egy kicsit a stílus.
Alapvető stílusok cs-select.css fájlt. stílusok, így a szokásos formáját a lista itt, hogy mi van szokva.
És annak érdekében, hogy a stílus szokatlan és eredeti kell kiegészítő funkciók használatához. Például egy első példa (menj és nézd) a következő stílusok:
És ezek a stílusok egy külön fájlban (az egyszerűség) cs-bőr-border.css.
Mi nem teszik kedvéért egyedi design a honlapon! És ami a legfontosabb - ne félj kísérletezni tervezés és folyamatosan javítani. Hirtelen létre (a kísérlet) az egyik, hogy vonzó lesz a felhasználók számára, és azt fogják mondani: „Wow, szeretem ezt a design, mi mást is érdekes, ezen az oldalon!» 😉.
Azt szeretné, hogy megjelenjen a leírást a kiválasztott elem egy tetszőleges egység (pl div)? Ha igen, akkor meg kell használni a jQuery, és ezt a könyvtárat kell csinálni a legegyszerűbb módon.
1) adhat adatok * attribútum lista egyes elemeihez
2) meghatározzuk, amely az elemek a lista került kiválasztásra
3) A jQuery helyettesítő milyen információkat adatok * attribútum div blokk.