Nedan följer ett script som byter bild när man drar musen över en bild. Ofta handlar det om att bilden byter färg.
Scriptet läggs i head
<script LANGUAGE="JavaScript1.2">
<!--
if (navigator.appName!="Microsoft Internet Explorer" ||
parseInt(navigator.appVersion)>3 && navigator.appName=="Microsoft
Internet Explorer")
{
ett_namn = new Image;
ett_namn.src = "skiv.gif";
ett_namn1 = new Image;
ett_namn1.src = "skiv2.gif";
}
function changePicture(change, picture)
{
if (navigator.appName!="Microsoft Internet Explorer" ||
parseInt(navigator.appVersion)>3 && navigator.appName=="Microsoft
Internet Explorer")
{
document.images[change].src = eval(picture + ".src");
return true;
}
}
// -->
</script>
Html-koden läggs i body
<a HREF="musik.htm"
OnMouseOver="return changePicture('ett_namn','ett_namn1')"
OnMouseOut="return changePicture('ett_namn','ett_namn','')"><img
src="file:///C|/Mina dokument/skiv.gif" border="0"
NAME="ett_namn" width="128"
height="16"></a>
Ett annat bra exempel på användbar javascript är koden som följer
Läggs i head
<script LANGUAGE="JavaScript1.2"
SRC="file:///C|/Mina dokument/menu.js">
</script>
Läggs i body
<script language="Javascript1.2">
window.mySub = new Menu(" 1101");
mySub.addMenuItem("Name:Aftonbladet");
mySub.addMenuItem("Kvällstidning","top.window.location='http://www.aftonbladet.se'");
mySub.fontSize = 12;
mySub.menuItemBgColor = "black";
mySub.fontColor="white";
window.mySubMenu = new Menu();
mySubMenu.addMenuItem(mySub);
mySubMenu4.writeMenus();
</script>
För att scriptet skall fungera krävs ett antal *.js filer, bl a menu.js som du anger sökvägen till. Dessa finns att hämta på adressen nedan.
För mer info:http://developer.iplanet.com/viewsource/smith_menu2/smith_menu2_p.htm