ZaRohem.cz Pražské metro Test osobnosti CowParade 2004 Praha MHD v ČR
Blog ZaRohem 1.PCRevue.cz Vinárna Na roli (Petřvald) Restaurace Třebovická role kapela Terra Ignota

Reklama
Hlavní stránka
Aktuality
Software
Internet
Hardware
Seriály
Viry
Tipy a triky
Download
Konference
Napište nám
Reklama
Doporučujeme užitečný crm systém od CÍGLER SOFTWARE!
17. květen 2000 - Tipy a triky

HTML Tip č. 22: Jak změnit obrázkový odkaz při přechodu kurzorem

Jistě jste se již setkali se stránkami, kde bylo navigační menu řešeno pomocí obrázků, které se při najetí myší měnily (typicky například tlačítka, jež měnila barvu nebo se různě deformovala). Jak na to si ukážeme v dnešním již 22 triku pro webmastery.

  1. Připravte si podobu obrázku jak bude vypadat v okamžiku, kdy bude návštěvník kurzorem myši mimo a nad ním. V našem příkladu jsme si vytvořili dva soubory nazvané kurzornad.gif a kurzormimo.gif.
  2. Za hlavičku stránky (tj. za tag </HEAD> a před tag <BODT>) vložte následující kód: <script language="javascript">
    <!--
    aktivni = new Image;
    aktivni.src = "kurzornad.gif";
    neaktivni = new Image;
    neaktivni.src = "kurzormimo.gif";
    //-->
    </script>

  3. Do místa, kam budete chtít umístit obrázek vložte následující kód: <a href="odkaz.htm" onMouseOver="neaktivni.src=aktivni.src; return true" onMouseOut="neaktivni.src='kurzormimo.gif'">
    <img name="neaktivni" src="kurzormimo.gif" width=šířka_obrázku height=výška_obrázku border=0></a>

Jak vidíte, je to velmi snadné.

Reklama
 
 
Aktuální články:
Reklama
Program eWay-CRM je praktické CRM řešení integrované přímo do Microsoft Outlooku.
 
 
Reklama
 
© 1.PC Revue.cz - všechna práva vyhrazena
ISSN: 1213-080X
© Karel Kilián ml.
Zásady ochrany osobních údajů
Reklama