Összehasonlító táblázat termékek
Adaptive összehasonlító táblázat termékeket azzal a lehetőséggel, szűrés.
Ha a fejlődő online áruház, nagy mennyiségű árut, a képesség, hogy összehasonlíthassa kétségtelenül hasznos. A legegyszerűbb mód - egyszerű HTML táblázatot. Ha azt szeretné, hogy a felhasználók tudják összehasonlítani 6 termék vagy több, ez a probléma bonyolult. Ezen túlmenően, annak szükségességét, hogy az alkalmazkodóképesség a különböző eszközöket.
Ebben a cikkben talál egy kész megoldás - egy összehasonlító táblázatot az áruk online áruház. A végrehajtás született elolvasása után a Sony UK honlapján.
HTML struktúra
HTML struktúra áll egy elem section.cd-termékek-összehasonlítás-táblázatot. feliratos
Expose elem .cd-termékek-wrapper szélessége egyenlő 100%, és a túlfolyó-x egyenlő auto; elem szélessége .cd-termékek-oszlopok összegével egyenlő az összes oszlopot + csatolja görgetni. Div.features pozícionáló egység abszolút, tedd a bal oldali látótér.
A nagy képernyők (több mint 1170px), .top rögzített osztály lesz csatolva .cd melléktermékek asztal görgetés közben a fő információk a termék mindig felül (a termék nevét és a kép):
esemény feldolgozása
A termékek forgalomba hozatalának létre fog hozni egy táblázatot tárgy productsTable. valamint használja a funkció lehallgatási bindEvents néhány esemény:
Mint tudja, mi mellékelten lehallgatási scroll .cd-termékek-wrapper; hozzátéve az osztály .top-rögzített elem .cd-termékek asztal. összesen elemek .top-info kerül rögzítésre, így a .cd melléktermékek oszlopok görgetés fog bekövetkezni. updateLeftScrolling () funkció használható frissíteni az adatokat a táblázatban, amikor görgetés az elem .cd-termékek-wrapper.
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
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!