В този урок ще ви покажа как да се направи преобръщане-меню с помощта на CSS Sprites техника.
Преобръщане (форма меню, което варира мишката на мишката върху тях) обикновено се състои от няколко държави. Основни условия: когато преместите мишката, прищраква кликнете. За всяко състояние налага свой образ и подобие. В този случай, в менюто става доста трудно, защото всеки бутон трябва да достави на няколко изображения.
Използването спрайтове могат да работят около този проблем. Използвайки само една картина, и то не е толкова кораб сървъра трафик и консумира. Това е много полезно, ако се възползват пълноценно от силата на тази технология.
меню Strutktura е много проста. Нейният вмъкнем в тялото на документа:
Ако не сте използвали спрайтове, CSS код ще изглежда така:
В горния код се използва отделен образ за всеки щат като фоновото изображение.
Използването на едно изображение, ние не трябва да промените фоновото изображение. Ние просто смяна на местоположението на заден план. Например, състояние: висене изместен фон ще използва необходимия брой пиксели вляво (в този пример 157 пиксела); състояние: активно - 314 пиксела.
И кода на CSS ще намерите тук следния вид:
Това е всичко. Промяна държави е много бързо и не отнема много трафик. Такова меню различни браузъри (IE5 +, Mozilla, Opera, Safari)
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии