Mulți webmasteri în căutarea frumuseții și a eficienței (să nu fie confundați cu eficiența) încep să introducă efecte care adesea irită utilizatorii site-ului.
Adesea mă uit la rețea: site-ul este încărcat și când plasați cursorul peste imaginea de legătură, se descarcă o nouă imagine, care acționează ca o legătură cu hover-efect.
Acest comportament al imaginii de legătură pare foarte lipsit de respect față de utilizator. Sberbank își permite totuși acest lucru, pentru că Participarea zilnică este scumpă, însă site-ul de început nu este scuzabil.
Pentru a implementa efectul "corect" al schimbării imaginii, când plasați cursorul peste un link, puteți utiliza CSS.
Algoritmul acțiunii acestei tehnici CSS va fi faptul că imaginea utilizată pentru link va fi încărcată dintr-o dată, dar va fi afișată doar o parte. Când treceți, se schimbă și este afișată o altă parte.
După cum se spune: Toate ingeniosul este simplu.
- Pregătiți fotografia. Ar trebui să arate ceva de genul:
#rollover background: url (/images/logo_fd.png);
afișare: bloc;
lățime: 80px;
înălțime: 74px;
>
#rollover: poziția fundalului-hover: 0 -74px;
>
Ca rezultat al acestui act, vom obține următorul rezultat:
Recent, a început să se gândească la cumpărarea unui apartament. A gândi nu înseamnă să cumperi. Duck aici. Cumpărarea unei proprietăți în Novosibirsk este comparabilă cu cumpărarea unui apartament în Republica Cehă. Iar Republica Cehă este Uniunea Europeană, iar Novosibirsk este Rusia. Desenează concluzii.
Trimiteți-le prietenilor: