Hi - Für jeden einzelnen Link erstellen Sie mit einem Bildbearbeitungsprogramm 2 Buttons in der gleichen Abmessung und natürlich mit unterschiedlichen Farben.
Beispiel:
Hier ist der Quellcode:
Anpassen müssen Sie die "Fett" hervorgehobenen Dateien, wie z.B. die Index-Datei und die Namen der Buttons.
<html>
<head>
<SCRIPT LANGUAGE = "JavaScript">
<!-- hide
browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); browser = "NotOk";
// Detect if Netscape or MSIE version is ok
if (browserName == "Netscape" && browserVer >= 3) { browser = "ok"}
if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) { browser = "ok"}
// Initialize your images
if (browser == "ok") {
Link1= new Image(); Link1.src = "images/t1.gif";
Link1on = new Image(); Link1on.src = "images/testt2.gif";
Link2= new Image(); Link2.src = "images/t1.gif";
Link2on = new Image(); Link2on.src = "images/testt2.gif";
Link3= new Image(); Link3.src = "images/t1.gif";
Link3on = new Image(); Link3on.src = "images/testt2.gif";
Link4= new Image(); Link4.src = "images/t1.gif";
Link4on = new Image(); Link4on.src = "images/testt2.gif";
}
function swap(imgName,select)
{ if (browser == "ok") {imgOn = eval(select+ ".src");
document.images[imgName].src = imgOn; }}
// --> </SCRIPT >
</head>
<body>
<a href="index.shtml"
onmouseover="swap('imgLink1','Link1on')"
onmouseout="swap('imgLink1','Link1')">
<img name ="imgLink1"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>
<a href="index.shtml"
onmouseover="swap('imgLink2','Link2on')"
onmouseout="swap('imgLink2','Link2')">
<img name ="imgLink2"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>
<a href="index.shtml"
onmouseover="swap('imgLink3','Link3on')"
onmouseout="swap('imgLink3','Link3')">
<img name ="imgLink3"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>
<a href="index.shtml"
onmouseover="swap('imgLink4','Link4on')"
onmouseout="swap('imgLink4','Link4')">
<img name ="imgLink4"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2"><br></a>
</body>
</html>
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!
No Support via PN, E-Mail or Messenger - only here :
FORUM