Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako vytvoriť obraz Presunúť Pomocou HTML programovanie

Hypertext Markup Language ( HTML ) je počítačový jazyk , ktorý sa používa na vytvorenie webových stránok . Vedieť , ako používať HTML kódy vám pomôžu manipulovať nastavenia stránky . Môžete vytvoriť odkaz , ktorý sa bude meniť , keď návštevníci prejdite myšou na odkaz . Obrázok prevrátenia môžu byť vytvorené pomocou JavaScriptu . Môžete tiež vytvoriť image efektov prechodu pre položky v menu . Keď návštevníci prejdite myšou cez položky menu , bude položka menu sa stal zvýraznená . Vytváranie obrazových efektov prechodu je dobrý spôsob , ako dať vaše stránky viac profesionálny vzhľad . Pokyny dovolená 1

Spustite textový editor alebo textový editor , ktorý budete používať na vytvorenie webovej stránky a otvorte stránku . Pridajte požadovanú snímku a sú to vnútri tagu

. Po názov obrázku , zadajte NAME = " rollover " .
2

Typ pred značku

. Nahradiť otáznik s adresou webovej stránky , ktoré si prajete , aby sa objaví , keď návštevník klikne na obrázok . Typ < /A > po snímke
3

Overte , že Váš text vyzerá takto : .

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

Zadajte onmouseover = " rollover.src = " ? " " vnútri tag . Nahradiť otáznik s umiestnením obrazu , ktoré chcete mať objavia , keď návštevník pohybuje myšou nad pôvodný obrázok .
5

Sem onmouseout = ' rollover.src = " ? " " Nahradiť . otáznik s umiestnením obrazu , ktorá bola pridaná v kroku 1
6

Uistite sa , že Váš text vyzerá podobne ako nasledujúce : < a href = " pages.html " onmouseover = " prevrátenia . src = " photo.jpg " " onmouseout = ' rollover.src = " photo.jpg " ' >

< /CENTER > < ;/>
7

Otvorte nový webový prehliadač pre overenie , že vaše webové stránky sa zobrazí obrázok , ktorý používate pre váš imidž prevráteniu . Otestujte si svoje stránky a overte , že návštevníci môžu pohybovať myšou nad obrázok a to sa zmení na obraz , ktorý ste zadali .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené