Преди да се впусне в нашия урок посветен на създаването на прехвърлянията, нека да се разбере какво преобръщане?
Вижте снимката, която виждате в него?
Точно така, един обикновен етикет, а сега се опитват да поставите курсора на мишката върху risunkom.Chto се е случило? Фигура променя външния си вид, че той реагира на действията на потребителите. Оказва се, че тази цифра преобръщане сменя облика когато мишката? Не е така, погледнете надписа по-долу:
"Това също е преобръщане!"
Оказва се, че отнемането, т уеб-страница се променя външния му вид, когато мишката? Аз трябва да ви разочаровам - това определение също не е вярно. Обърнете внимание на надписа долу.
"Аз също преобръщане"
От надписа на разследването, тя е също така при преобръщане, но той не реагира на това, когато курсора на мишката. Сега се опитайте да кликнете с мишката върху етикета, какво се случи? Около надписа се появява червена рамка. Дори и ако ние сега го премахнете, от мишката, той няма да приеме първоначалната форма. За да си върнем етикет в първоначалното му състояние е необходимо да се направи още един клик на преобръщане. От изложеното по-горе, ние заключаваме, че отнемането може да отговори не само по отношение на движението на мишката, но и на-кликване на мишката.
Така че това, което е все едно преобръщане. Rollover - елемент на уеб-страница се променя външния му вид в зависимост от външни влияния.
Обикновено, на практика, чашата се използва прехвърляния за да отговорят на движението на мишката. Такива преобръщане и се опитваме да създаваме в този урок. Като начална състояние на преобръщане, ние използваме малък образ (вж. По-долу), които ще служат като бутони за навигация.
Докато шофирате, цифрата показва котка, ако не се лъжа това е Джери, но това няма значение. Какво е по-важно, под какво име да спаси тази рисунка. Ако имате намерение да поставите вашия сайт в интернет, трябва да зададете име на чертеж, състояща се от латински букви с малки букви. Фактът, че в противен случай може да имате проблеми с поставянето на файлове на сървъра е домакин. По този начин, на оригиналното изображение се запази cat_up име, имайте предвид, че името на файла има значение и няма разлика. Използвайте пространство в имената на файловете не може да бъде, за горепосочената причина.
Втората фигура (вж. Графиката по-долу), ние се различава от първите, само в по-леки фонови изображения, нашата цел е да се получи ефекта на подчертаване изображението върху Задържането на курсора.
След като и двамата са готови модели и интегрирана в нашия сайт, можете да започнете да работите.
Поставете оригиналния чертеж навсякъде уеб-страници и разпределя го shelchkom левия бутон на мишката. На следващо място, в "Format" изберете опцията "Dynamic HTML effkty", след това се появи на екрана, съответстващ на панела (ако не е започнала по-рано), състоящ се от три падащи менюта.
С помощта на мишката, в първото падащо меню изберете събитието, за което ние ще отговорим rollovet. Както вече сте решили, това събитие ще бъде поставянето на курсора на мишката върху снимката, за да можем да абсорбира натиснете "движение на мишката".
През втората падащото меню, ние подбираме в смисъл, че ще се случи, когато отнемането на мишката върху. По принцип, в този случай, а ние го изберете, защото нищо не ми идва само една точка "Промяна на снимката". Естествено, ние избираме едно кликване.
В третата падащото меню при нас отново, че няма алтернатива, а ние избираме само "Избор на снимка.". След отваря прозорецът за избор на шаблон, ние откриваме нашата файл с име cat_over и двойно цепки на мишката да направите.
Направете своя собствена. Този клас е описано въз основа на схемата за създаване на преобръщане. Независимо се опита да направи преобръщане на базата на един фрагмент от текст, като се използва като проба примерите по-горе.
Ако имате въпроси, можете да ги зададете във форума. Техните коментари и предложения за уроците Frontpage оставят в книгата за гости.
Свързани статии