<!-- Original: Jacob Lukas (jacoblukas@netscape.net) -->
<!-- Web Site: http://home.frontiernet.net/ -->
<script language="JavaScript">

var tabs = [
//first tab
[
//tab image when unselected
'news.png',
//tab image when selected
'news_selected.png',
//tab data
'<p>Das ist der "News" Tab</p><p>Hier können beliebige Inhalte stehen.</p><br><br><br>Funny, nicht...?'],
//second tab
[
'games.png',
'games_selected.png',
'<p>Das ist der "Games" Tab</p><p>Auch Grafiken sind möglich <img src="games.png">'],
//third tab
[
'entertainment.png',
'entertainment_selected.png',
'<p>Das ist der "Entertainment" Tab</p>']];
//you can have more tabs if you want

//if you have empty space between your tabs, adjust this to a lower number
var width = 10;

function preloadImages() {
for (var y = 0; y < 2; y++) {
for (var x = 0; x < tabs.length; x++) {
image = new Image();
image.src = tabs[x][y];
}
}
}

function drawTabs() {
document.write("<table cellspacing=0 cellpadding=0 border=0><tr>");
for (var x = 0; x < tabs.length; x++) {
document.write("<td width="+width+"><a href='javascript:switchTab("+x+")'><img name='tab"+x+"' border=0 src="+tabs[x][0]+"></a></td>");
}
document.write("</td><td></td></tr><tr><td id=currentTab colspan="+(tabs.length+1)+">");
document.write(tabs[0][2]);
document.write("</td></tr></table>");
document.images["tab0"].src = tabs[0][1];
}

function switchTab(tab) {
for (var x = 0; x < tabs.length; x++) {
if (x != tab)
document.images["tab"+x].src = tabs[x][0];
}
document.images["tab"+tab].src = tabs[tab][1];
document.getElementById("currentTab").innerHTML = tabs[tab][2];
}

preloadImages();
</script>

<!-- Original: Jacob Lukas (jacoblukas@netscape.net) -->
<!-- Web Site: http://home.frontiernet.net/ -->
<script>
drawTabs();
</script>

Jakob Lukas

Kopieren Sie bitte den Code