Függőleges többmenü
A CSS első sorai
Használhatja a HTML5 adat attribútumot (példánkban
kijelző
Ha megnézed a WebKit család böngészőjének demóoldalát, gördítéskor láthatod a felső és az alsó menüelemek fokozatos megjelenítését. A hatás az alábbiak szerint érhető el: előtte és után: az állaptestek abszolút pozícionálása után a menü felső és alsó részén, amelyre a színátmenetet fehérről a teljes áttetszőségre állítjuk be.
A többi böngészőben megjelenő hatás megjelenítéséhez a megfelelő előtagokat állíthatja be (lásd itt a példát).
Görgetési sebesség
A menü görgetésének sebessége befolyásolja a sebességet. A fenti kódban ez az együttható értéke 13,5. Ezt az értéket a gyakorlati kísérletek során meghatároztuk, és kísérletet tettünk arra, hogy matematikailag kiszámítsuk a mozgás optimális sebességét a pontok számának és a menü magasságának megfelelően. De minden kísérlet azt mutatta, hogy valószínűleg a kiigazítás a pontok számának megváltoztatásánál nincs szükség, vagy nagyon kevéssé fog jelentkezni, és a különböző képletek használata undorító megjelenést eredményez.
Navigáció a gombokkal
Ez a menü a görgetési sebesség aktuális beállításaival elég nehéz pontosan elhelyezni az egérrel. A probléma megoldásához használhatjuk a navigációt a kulcsokkal. A feladatot a dokumentum objektum keydown eseménykezelői kezelik. amely elindítja a megfelelő funkciót. Először a mouseleave eseményt hívja meg az aktuálisan kiválasztott elemhez. Attól függően, hogy megnyomta-e a gombot, az aktuálisan kijelölt tétel pozíció-indexe növekszik vagy csökken. Végül az egérmutató esemény generálódik az aktuálisan kiválasztott elemhez. Az események egérmutatója és mouseleave esetében máris készen állunk a funkcionális működésre (vezetnek a lebegő esemény generációjához, amely már rendelkezik kezelővel).
A lecke szövege nem mutatja a munkát a cur változóval. De a demóoldal forráskódjában minden gondosan megfontolható.
következtetés
A menü görgetésének jelentős felgyorsítása az egyszerű használat csökkenését eredményezheti. A helyes elem kijelölésének alternatív módja a billentyűzet használatával történő navigálás.
A javasolt menü természetesen nem szolgálhat univerzális megoldásként a hosszú távú listák használatának minden esetére. Azonban a webes mester több eszközének eszköztárában való jelenléte a tipikus problémák megoldásához különösképpen egyszerűsíti a projekt optimális és eredeti kialakításának folyamatát.
A "jQuery" cím utolsó 5 lecke
Ma szeretnénk elmondani a TypeIt könyvtárról - ingyenes jQuery plugin-ról. Ezzel szimulálhatja a gépelést. Ha minden rendben van, akkor nagyon realisztikus hatást érhet el.
jQuery plugin idővonal létrehozásához.
jQuery plugin Gantt-diagram létrehozásához.
Példa arra, hogyan kell feltölteni egy fájlt a PHP és a jQuery ajax segítségével.
p0staltomsk
Oké, de ha megváltoztatod a betűméretet css-ben
Nikolay Pinevich
Számomra nem így van.
Igen, ez nem rossz, megtalálja a primitíveket! ATP
Számomra az elem megválasztása bonyolult, ezért már nem lehetséges
Köszönöm, hasznos lehet :)
disslike
Igen, az element trabl kiválasztásával) a 2. perc próbálta beilleszteni a szükséges dolgokat
OdinecDenis
a kurzor mozgásának sebessége csak csökken.
profesor08
Ha. Probléma található, ha a kezek, ahonnan kell növekedni, akkor a nehézségek nem merülhetnek fel a szkript szerkesztésével.
OdinecDenis
Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!
Ha sokáig szeretné megtanulni a HTML-t, akkor remek hírekkel szolgálok neked!
Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!