fészekrakó értékelés
Előbb vagy utóbb, minden jeladó szembesül egy ilyen feladat. És meg lehet oldani másképp.
mutató értékelése
1. módszer - Módszer nagyapja
Vágjuk két kép: az egyik az üres értéket (ebben az esetben a csillag), a másik a befejezés. Akkor jelenik meg a helyszínen öt kép, sokan kell üríteni, valamint elkészült a programozó határozza meg az algoritmus:
Milyen hiányosságokat itt?
- Egy kis blokk volt egy csomó sor - nem a legjobb hatással van az olvashatóság, a keresés és a SEO optimalizálás;
- Ez két külön képet - megint ugyanaz az oldal terhelés, a terhelés a szerveren;
- a képek (tag
) A tervezési, illetve, hogy írjon valami értelmes az alt nincs lehetőség, és a google figyelmeztetett. jobb, ha nem erre,
- programozó, aki befejezte a számot minősítés, akkor is kell gondolni, tovább írni a kódot helyesen megjeleníteni ugyanezen értékelés a honlapon.
És véleményem szerint a legnagyobb hibája - szinte irreális kimenő teljesítmény értékkel nem többszöröse 1 / N, ahol N - k lehetséges alapján a minősítés (ebben a példában 5). Például, ha egy elrendezést próbálja levezetni értéke 64%. Az oldalon kellene valamit, mint ez:
2. módszer - a tisztességes
Ez a lehetőség megoldja a fenti problémákat. Az algoritmus a példához:
- do konténer, adja meg a háttérben egy üres csillag, amely megsokszorozza az x (background-repeat-x ismétlés.) tengelyen;
- tesz egy blokkot, a háttérben a csillagokkal teli (majd megszorozzák háttér x tengely). Alapértelmezés szerint, ez a blokk hossza (szélessége) egyenlő 0;
- a HTML forrásban, a style attribútum. egyenlővé a hossza kódblokkba névleges érték.
A különbség az, nehéz nem észrevenni. És hidd el, ha valaki programozó hálás lesz ilyen kódot.
Hogy csökkentse a képek számát, akkor nyugodtan alkalmazza a technikát sprite.
értékelés megjelenítése azzal a képességgel, hogy szavazzanak
Azt is gyakran találni területek, ahol a minősítés nem csak egy show, és akkor, kattintson rá, tedd az értékelését. Általában, ha lebeg a kurzort egy ilyen egység, értékelés, téged választott, valahogy kiemelkedik a nyugalmi helyzetből rangsorban. A példánkban mi lesz mindegy csillagok, hozzátéve, egy harmadik - élénksárga, hogy kiemelje a kiválasztott értékelést.
Ehhez használja az alábbi HTML-kódot
stars.png ebben a példában a következő:
Bemutató. Az élvezetek ezt a módszert:
- említett világító értékelés előfordul alkalmazása nélkül script (összes művei ál rámutatás)
- programozó is minden átlátható -, hogy a kívánt minősítés a honlapon, akkor csak állítsa be a kívánt szélességet az első elem a lista (a jelenlegi osztály)
- kód egészének nevezhetjük szemantikailag
- IE6 lesz hozzá egy script emulációs lebeg, mert ez a böngésző csak megérti lebeg linkek
- egy csomó kód
A script a jQuery