JavaScripts -> Menüs -> Link-Menü

<script type="text/javascript">
<!--
// = = ============================================================== = =
// = = Link Menu v1.0 (c) 2004 Triple-M / http://www.htmlarsenal.de = =
// = = ============================================================== = =

// ----------------------------------------------------------------------
// -- Dieses Script und viele andere im --
// -- This script and many more in the --
// ----------------------------------------------------------------------
// -- HTML ARSENAL - Die Quelle für HTML, JavaScript, PHP --
// -- HTML ARSENAL - Your Source for HTML, JavaScript, PHP --
// ----------------------------------------------------------------------
// -- -= http://www.htmlarsenal.de =- --
// ----------------------------------------------------------------------

// Sie dürfen dieses Script für nicht-kommerzielle Zwecke nutzen, wenn diese Urheber-Notiz erhalten bleibt.
// You may use this Script for non-commercial causes as long as you include this copyright notice.

// Benutzung:
// ==========
// Rufen Sie das Script aus einem Link (<a href="javascript:linkmenu(...)">) oder über einen Event-Handler
// auf (<... onClick="linkmenu(...)">) Die Parameter sind jeweils abwechselnd Link-Titel, Link-URL, Link-Titel,
// Link-URL usw.
// Beispiel: linkmenu('HTML Arsenal','http://www.htmlarsenal.de','Piranho','http://www.piranho.com');

// Usage:
// ======
// Call the script using a link (<a href="javascript:linkmenu(...)">) or using an event handler. (<... onClick="linkmenu(...)">)
// The parameters are always link title, link url, link title, link url and so on.
// Example: linkmenu('HTML Arsenal','http://www.htmlarsenal.de','Piranho','http://www.piranho.com');

// Veränderbare Einstellungen / Adjustable Settings
// ================================================
// Diese Angaben sind jeweils als CSS-Angaben zu verstehen
// Use CSS-Syntax here

var col_bg="#c0c0c0"; // Hintergrund-Farbe / background color
var col_fg="#000000"; // Vordergrund-Farbe / foreground color

var font_family="Verdana,sans-serif"; // Schriftart / font
var font_size="12px"; // Schriftgröße / font size

var border_out="2px outset #ffffff"; // Äußerer Rahmen / outer border
var border_in="1px solid #808080"; // Innerer Rahmen / inner border

var cellpadding="2px"; // Innenabstand der Zellen / cell padding
var underline=true; // Links unterstreichen? (true=ja, false=nein) / Underline Links? (true=yes, false=no);

var align="center"; // Textausrichtung / text alignment
var width="100px"; // Breite des Menüs / menu width;

// Script-Code
// ===========

// Ab hier bitte nichts mehr verändern
// Please do not change anything from here on

var mousex=0;
var mousey=0;
var zeiger=0;

function linkmenu () {
  hide();
  var menu=document.createElement("table");
  var link,row,cell,text;

  menu.style.position="absolute";
  menu.style.left=(mousex)+"px";
  menu.style.top=(mousey)+"px";
  menu.style.color=col_fg;
  menu.style.backgroundColor=col_bg;
  menu.style.border=border_out;
  menu.style.fontFamily=font_family;
  menu.style.fontSize=font_size;
  menu.style.width=width;
  menu.style.borderCollapse="collapse";

  for(i=0;i<(linkmenu.arguments.length-1);i+=2) {
    row=menu.insertRow(i/2);
    cell=document.createElement("td");
    link=document.createElement("a");

    cell.style.border=border_in;
    cell.style.padding=cellpadding;
    cell.style.textAlign=align;

    link.setAttribute("href",linkmenu.arguments[i+1]);
    link.setAttribute("title",linkmenu.arguments[i]);
    link.style.color=col_fg;
    if(underline)link.style.textDecoration="underline";
    else link.style.textDecoration="none";

    text=document.createTextNode(linkmenu.arguments[i]);
    link.appendChild(text);
    cell.appendChild(link);
    row.appendChild(cell);
  }
  zeiger=document.getElementsByTagName("body")[0].appendChild(menu);
}

function hide() {
  if(zeiger) {
    document.getElementsByTagName("body")[0].removeChild(zeiger);
    zeiger=0;
  }
}



function capturemaus(nsevent) {
  if(window.event) {
    mousex=window.event.clientX;
    mousey=window.event.clientY;
  }
  else {
    mousex=nsevent.pageX;
    mousey=nsevent.pageY;
  }
}

document.onmousemove=capturemaus;
document.onclick=hide;

// ----------------------------
// -- Ende / End Script-Code --
// ----------------------------
// -- Link Menu --
// -- Author: Triple-M --
// -- www.htmlarsenal.de --
// -- 12.Mar.2004 --
// ----------------------------
//-->
</script>