Příklad funkce myši při tvorbě manu !!!
Využití příkazu onMouseover a onMouseout !
Toto manu je založeno na principu tom, že při se výběru odškrtávají jednotlivé položka
( je to využití obrázku vedle manu za použití této funkce
je akorát zanásobena a trocu složitěji spracována ).
Dále se na stavovém řádku ukazuje zadaný text pro objevení se :-)) !
Manu :
HTML kod :
<script language="JavaScript">
<!--
//browser test:
var version_ok = false;
if((navigator.appName.substring(0,8) == "Netscape")
&& (navigator.appVersion.charAt(0) >= "3"))
{
version_ok = true;
}
if((navigator.appName == "Microsoft Internet Explorer")
&& (navigator.appVersion.charAt(0) >= "4"))
{
version_ok = true;
}
//preload universal images:
if (version_ok)
{
pre_w = new Image(46,40);
pre_w.src = "manu/good1.gif";
pre_r = new Image(46,40);
pre_r.src = "manu/good.gif";
pra_w = new Image(46,40);
pra_w.src = "manu/good1.gif";
pra_r = new Image(46,40);
pra_r.src = "manu/good.gif";
pri_w = new Image(46,40);
pri_w.src = "manu/good1.gif";
pri_r = new Image(46,40);
pri_r.src = "manu/good.gif";
pro_w = new Image(46,40);
pro_w.src = "manu/good1.gif";
pro_r = new Image(46,40);
pro_r.src = "manu/good.gif";
pru_w = new Image(46,40);
pru_w.src = "manu/good1.gif";
pru_r = new Image(46,40);
pru_r.src = "manu/good.gif";
pry_w = new Image(46,40);
pry_w.src = "manu/good1.gif";
pry_r = new Image(46,40);
pry_r.src = "manu/good.gif";
}
// function hiLite
function hiLite(imgDocID,imgObjName)
{if (version_ok)
{
document.images[imgDocID].src = eval(imgObjName + ".src")
}}
// -->
</script>
</HEAD>
<BODY BACKGROUND="" LINK="#4848FF" VLINK="#804040" ALINK="#FFFFFF">
<NOBR><A HREF="http://error.hyperlink.cz" TARGET="_top" onMouseover="hiLite('pre_w','pre_r');window.status=' www ERROR page - super super super page :o))';return true;" onMouseout="hiLite('pre_w','pre_w');window.status='';return true;">
<img name="pre_w" src="manu/good1.gif" border=0 HSPACE="3" WIDTH="35" HEIGHT="35">
<IMG BORDER="0" SRC="manu/1.jpg" VSPACE="3" WIDTH="300" HEIGHT="30" ALT="www ERROR page - super page"></a>
</NOBR><BR>
<NOBR><A HREF="http://no-drog.hyperlink.cz" TARGET="_top" onMouseover="hiLite('pra_w','pra_r');window.status='Stránky proti drogám !!!';return true;" onMouseout="hiLite('pra_w','pra_w');window.status='';return true;">
<img name="pra_w" src="manu/good1.gif" border=0 HSPACE="3" WIDTH="35" HEIGHT="35" >
<IMG BORDER="0" SRC="manu/2.jpg" VSPACE="3" WIDTH="300" HEIGHT="30" ALT="www no-drog page !"></a>
</NOBR><BR>
<NOBR><A HREF="http://javascript.hyperlink.cz" TARGET="_top" onMouseover="hiLite('pri_w','pri_r');window.status='Web o tvorbě stránek, javascriptech a podobných efektech :-):-):-)';return true;" onMouseout="hiLite('pri_w','pri_w');window.status='';return true;">
<img name="pri_w" src="manu/good1.gif" border=0 HSPACE="3" WIDTH="35" HEIGHT="35">
<IMG BORDER="0" SRC="manu/3.jpg" VSPACE="3" WIDTH="300" HEIGHT="30" ALT="www javascript page :-))"></a>
</NOBR><BR>
<NOBR><A HREF="http://gastronomie-zde.hyperlink.cz" TARGET="_top" onMouseover="hiLite('pry_w','pry_r');window.status='Stránky věnované gastronomii !!!';return true;" onMouseout="hiLite('pry_w','pry_w');window.status='';return true;">
<img name="pry_w" src="manu/good1.gif" border=0 HSPACE="3" WIDTH="35" HEIGHT="35">
<IMG BORDER="0" SRC="manu/4.jpg" VSPACE="3" WIDTH="300" HEIGHT="30" ALT="www gastronomie zde !"></a>
</NOBR><BR>
<NOBR><A HREF="http://rychla-smrt.hyperlink.cz" TARGET="_top" onMouseover="hiLite('pro_w','pro_r');window.status='www RYCHLA SMRT aneb půjčovna provazů :-):-):-)';return true;" onMouseout="hiLite('pro_w','pro_w');window.status='';return true;">
<img name="pro_w" src="manu/good1.gif" border=0 HSPACE="3" WIDTH="35" HEIGHT="35">
<IMG BORDER="0" SRC="manu/5.jpg" VSPACE="3" WIDTH="300" HEIGHT="30" ALT="www rychla-smrt page :-):-):-)"></a>
</NOBR><BR>
<NOBR><A HREF="mailto:error.win@atlas.cz" TARGET="_top" onMouseover="hiLite('pru_w','pru_r');window.status='Napište mi lidi .... moc a moc a moc a moc prosím !!!';return true;" onMouseout="hiLite('pru_w','pru_w');window.status='';return true;">
<img name="pru_w" src="manu/good1.gif" border=0 HSPACE="3" WIDTH="35" HEIGHT="35">
<IMG BORDER="0" SRC="manu/6.jpg" VSPACE="3" WIDTH="300" HEIGHT="30" ALT="E-m@il ... napište mi, prosím !"></a>
</NOBR>
</BODY>
žlutá ... vámi zvolená následující url cesta či název následující stránky
červená ... text ve stavovém řádku
stříbrná ... cesta k obrázkům / i tři možnosti na jeden rámec /
olivová ... velikost těchto obrázků
modrá ... alternativní text při najetí na manu
