Ротирање слике лебдењем изнад ње

Видео: 10 најређих авиона икада направљених и приче иза њих

Садржај

Упутства
Шта ти треба

Функција "онМоусеОвер" (назива се и "ховер") је ЈаваСцрипт догађај који покреће акцију у корисничком интерфејсу када се курсор миша постави изнад објекта. ЈаваСцрипт се углавном користи на веб страницама тако да догађај обично мења нешто на страници на којој је писан ЈаваСцрипт код. Користећи онМоусеОвер функцију у комбинацији са "ротирајућим" алатом на веб страници за уређивање слика, можете креирати спин ефекат за слику која се активира када корисник постави курсор миша преко слике.

Упутства

Научите како да користите алатку "онМоусеОвер" (Мицхаел Бланн / Лифесизе / Гетти Имагес)

Покрените свој подразумевани претраживач и откуцајте линк на онлајн сајт за уређивање слика (као што је Пикенате, Пиклр или ЛунаПиц) у адресној траци и притисните тастер "Ентер".
Пошаљите слику коју желите да ротирате кликом на везу "Изабери слику за уређивање" или дугме "Отвори слику са рачунара". Кликните да бисте изабрали слику, а затим "Отвори". Кликните на "Отпреми ову слику" да бисте отпремили датотеку.
Кликните на алатку „Ротирај“ на траци са алаткама за уређивање слика, или кликните на „Слика“ и изаберите „Ротирај платно“. Кликните да бисте изабрали степен ротације и поставке и кликните на "Саве то Диск" или "Филе", а затим на "Саве". Сачувајте ротирану слику у истом директоријуму као и оригинална сликовна датотека.
Покрените подразумевани ХТМЛ едитор. Ако немате ХТМЛ едитор, кликните на "Фрее ХТМЛ Едиторс" линк у секцији Ресоурцес. Направите нови ХТМЛ документ.
Кликните на мени "Филе" и одаберите "Саве". Као назив документа откуцајте "ротате.хтмл" и изаберите директоријум који садржи датотеке "имаге1" и "имаге2" као директоријум за чување. Кликните на "Сачувај".
Пронађите ознаке ">" и "" у новом ХТМЛ документу. Кликните да бисте поставили курсор миша између две ознаке тела, а затим притисните "Ентер" да бисте креирали нову линију.
У празан ред унесите следеће, замењујући текст "ротатедимаге.гиф" са именом ротиране слике и текстом "оригиналимаге.гиф" са именом оригиналне слике:

Притисните "Ентер" да бисте креирали нову линију.
Откуцајте следеће:

Притисните "Ентер".
Тип:

Кликните на мени "Филе" и одаберите "Саве".
Двапут кликните на датотеку "ротате.хтмл" да бисте је отворили у подразумеваном прегледачу. Пређите мишем преко слике да бисте видели ефекат окретања, а затим померите курсор миша ван слике да бисте видели да се враћа на оригинал, без ротације.