Мнозина от вас повече, независимо от знанията на оформление и програмиране, пред които са изправени
заместител на изображението, когато посочи към него. Най-честият пример - курсора на мишката върху бутона. В резултат на това на снимката се е променил, може би дори по размер и форма. В тази статия ще покажем как можете да замените изображението, да променяте размера си, когато мишката върху него, като се използват само CSS.
За в бъдеще, се препоръчва да се използва този метод, тъй като се използва JS означава, рискувате да получите на потребителя, че това е забранено в настройките на браузъра си, което води до лицето, не може да види всички подробности или да има смисъл на идеи.
Какво ще се използва? Това е достатъчно, за да задържите курсора на мишката и псевдо-имоти фон. От самата преписка е HTML файл и образ.
По-просто за изпълнение. Баркодът се състои от две части:
1. HTML с необходимата DIV
Сега предлагам да се помисли за една забавна и прост пример за кода на работа. Ако желаете, можете да изтеглите и демонтаж на принципа на работа на компютъра си.
Демо изтеглите изходния код
Както можете да видите в примера, изображението е посочено по подразбиране (т.е. image001), се появяват при зареждането на страницата, както и image002 само когато курсорът е на първото изображение.
Внимание! Необходимо е да се уточни ширината и височината на устройството, в противен случай просто DIV не се показва. Също така бъдете внимателни с точните размери на устройството, тъй като то ще бъде намалено в рамките на не защото се счита фон. Ако размера на блока ще бъде по-малък, и то ще бъде видимо само част от картината.
Най-често използваният начин за промяна на изображението. Ако искате да замените изображението в други случаи, например, когато кликнете, трябва да използвате, не мишката. и активно.
Благодаря ви за вниманието!
Свързани статии