Много уеб администратори в преследването на красив и впечатляващ (да не се бърка с ефективността) са започнали да прилагат ефекти, които често се дразнят потребителите на сайта.

Често се наблюдава потребители: качване на сайта ви и когато мишката върху линк-картина зарежда ново изображение, което служи като връзка на динамичния ефект.

Такова поведение на справка-картинката изглежда много неуважително към потребителя. Спестявания все още могат да си го позволят, защото дневна посещаемост има повишен прекалено, но новак сайта не е простимо.

За изпълнение на "правилната" ефекта промяна на изображението, когато движите мишката върху връзката, можете да използвате CSS.

Алгоритмични стъпки, след получаване на CSS ще лежат в това, че на снимката се използва за справка, тя ще се зареди всички наведнъж, но ще покаже само част. Когато задържите това се случи неговото отместване и се показва от друга страна.

Както се казва: Концепцията е проста.

1. Готвене картина. Тя трябва да изглежда по следния начин:

В случаите, когато за пръв път (горна) част - това е картина без висене, а втората (по-ниска) част - изображението на задържане на курсора. Толкова е просто. Най-важното нещо да се направи в производството на 2 са точно едно и също изображение, а след това, когато задържите изображението на снимката ще се вози.

Освен това, в CSS-файл на вашия сайт, който искате да добавите:

#rollover фон: URL (/images/logo_fd.png);
езика: блок;
ширина: 80px;
височина: 74px;
>

#rollover: мишката фон-позиции: 0 -74px;
>

В място, където изображението трябва да бъдат показвани на снимачната площадка на действие:

В резултат на това действие, ние се тук, е в резултат на:

През последните години, започнах да мисля за покупка на апартамент. Мисля, че - това не е покупка. Duck тук. Покупка на имот в Новосибирск е сравнима с покупката на апартаменти в Чехия. И Чехия - тя е на Европейския съюз, и Новосибирск - е България. Начертайте си направите изводите.