A változás hatása a kép, ha az egér a link útján c - css

Sok webmester a törekvés a szép és látványos (nem tévesztendő össze a hatékonyság) kezdik végrehajtani hatások gyakran irritálják a felhasználók az oldalon.

Sokszor megfigyelni felhasználók: töltse fel a webhely, és ha az egérrel egy link-képet betölt egy új képet, amely arra szolgál, mint a légpárnás okozati.

Az ilyen viselkedés a referencia-kép néz ki, nagyon tiszteletlen a felhasználónak. Megtakarítások is megengedheti magának, mert napi látogatottsága ott is növekedett, de a kezdő weboldal nem megbocsátható.

Ahhoz, hogy hajtsák végre a „helyes” képváltási effektus, ha lebeg az egeret a linkre, akkor a CSS.

Algoritmuslépések fogadására CSS fog abban rejlik, hogy a kép referenciaként használjuk, akkor lesz betöltve egyszerre, de azt mutatják, csak egy részét. Amikor az egérrel fordul elő az ofszet és megjelenik a másik része.

Ahogy a mondás tartja: A koncepció egyszerű.

1. Főzés kép. Meg kell kinéznie:

Ha az első (felső) részén - ez a kép nélkül lebeg, és a második (alsó) része - a kép az egérrel. Ez egyszerű. A legfontosabb dolog a gyártás 2 pontosan ugyanazt a képet, majd ha lebeg a képre, a kép fog vezetni.

Továbbá, a CSS-fájlt a webhely hozzáadni kívánt:

#rollover background: url (/images/logo_fd.png);
display: block;
szélesség: 80px;
magasság: 74px;
>

#rollover: lebeg background-position: 0 -74px;
>

Egy hely, ahol a kép jelenik meg, hogy a hatás meg:

Ennek eredményeként a kereset idáig az eredménye:

Az utóbbi években kezdtem gondolkodni vásárol lakást. Azt hiszem, - ez nem egy vásárlás. Duck itt. Ingatlant vásárolni Novoszibirszk hasonló a lakások vásárlására a Cseh Köztársaságban. És a Cseh Köztársaságban - ez az Európai Unió, és Novoszibirszk - Oroszország. Döntetlen a saját következtetéseit.