Hur man skapar en bild Rollover Använda HTML Programmering

Hypertext markup language ( HTML ) är ett datorspråk som används för att skapa webbsidor . Att veta hur man använder HTML-koder kan hjälpa dig att hantera din sida inställningar . Du kan skapa en bild länk som kommer att förändras när besökarna för musen över länken . Bild rollovers kan skapas med hjälp av JavaScript . Du kan också skapa bilden rollovers för objekt i menyer . När besökarna rulla musen över menyalternativ , kommer menyalternativet blir markerad . Skapa Bild rollovers är ett bra sätt att ge dina sidor en mer professionell överklagande . Instruktioner
1

Starta ordbehandlare eller textredigerare som du kommer att använda för att skapa din webbsida och öppna sidan . Lägg till önskad bild och inkludera det inuti

taggen . När bilden namn , typ NAME = " rollover " .
2

Type innan

taggen . Ersätt frågetecknet med adressen till den webbsida som du vill ha visas när en besökare klickar på bilden . . Typ < /A > efter bilden
3

Kontrollera att din text ser ut så här :

< IMG SRC = " photo.jpg " NAME = " rollover " > < /center> < /A >
4

Typ onMouseOver = ' rollover.src = " ? " ' insidan av tag . Ersätt frågetecknet med placeringen av bilden som du vill ha visas när en besökare flyttar musen över den ursprungliga bilden .
5

Typ onMouseOut = ' rollover.src = " ? " " Ersätt . frågetecknet med placering av bilden som lades till i steg 1
6

Kontrollera att din text ser ut ungefär så här : < a href = " pages.html " onMouseOver = " rollover . src = " photo.jpg " ' onMouseOut = ' rollover.src = " photo.jpg " ' >

< /CENTER > < ;/A >
7

Öppna en ny webbläsare för att kontrollera att din webbsida visas bilden som du använder för din bild välta . Testa din webbplats och kontrollera att besökarna kan flytta musen över bilden och det kommer att ändras till den bild som du angav .