[Beschreibung]
Die Navigation lässt sich mit Drag'n'Drop über den Bildschirm verschieben.
[Kompatibilität]
[Code]
<!-- Original: ScriptBreaker --> <!-- Web Site: http://www.ScriptBreaker.com --> <!-- Begin <style> .move { width:100%; background-color:#99CCFF; border-bottom:1px solid blue; font-size:14px; font-family:vardana; font-color:"#33CCAA"; text-align:center; } .info { width:100%; background-color:#99CCFF; border-top:1px solid blue; font-size:13px; font-family:vardana; font-color:"#33CCAA"; } .panel { width:150; position:absolute; border:1px solid blue; left:350; top:200; font-size:13px; font-family:vardana; } .panel a:visited{color:blue;} .panel a{text-decoration:none;color:blue} .panel a:hover{text-decoration:none;} #panel a.visited{ text-decoration:none; } .menu { width:100%; background-color:lightyellow; font-size:13px; font-family:vardana; } </style>
<script language="JavaScript"> N = (document.all) ? 0 : 1; var ob; var over = false; function MD(e) { if (over) { if (N) { ob = document.getElementById("panel"); X=e.layerX; Y=e.layerY; return false; } else { ob = document.getElementById("panel"); ob = ob.style; X=event.offsetX; Y=event.offsetY; } } } function MM(e) { if (ob) { if (N) { ob.style.top = e.pageY-Y; ob.style.left = e.pageX-X; } else { ob.pixelLeft = event.clientX-X + document.body.scrollLeft; ob.pixelTop = event.clientY-Y + document.body.scrollTop; return false; } } } function MU() { ob = null; } if (N) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU; </script> // End --> </HEAD>
<!-- Original: ScriptBreaker --> <!-- Web Site: http://www.ScriptBreaker.com --> <!-- Begin <div id="panel" class="panel" >
<script language="JavaScript"> function getArray(id) {
var splitarray = link[id].split("|");
return splitarray; } function info(i,obj,col) { sublink = getArray(i); infobar = document.getElementById("infob"); infobar.innerHTML = "<img src='pointer2.gif'> "+sublink[2]; obj.style.backgroundColor=col; } function endi(obj,col) { obj.style.backgroundColor=col; infobar = document.getElementById("infob"); infobar.innerHTML = "<img src='pointer2.gif'> <br>"; } var link = new Array(); link[0] = ". HOME|http://www.nightfire.ch |Visit my homepage"; link[1] = ". JavaScipts|http://www.nightfire.ch/java/|Free JavaScripts"; link[2] = ". My links|http://www.nightfire.ch |Visit my links"; link[3] = ". HOME|http://www.nightfire.ch |Visit my homepage"; link[4] = ". JavaScript |http://www.nightfire.ch|Free JavaScripts"; link[5] = ". My links|http://www.nightfire.ch |Visit my links";
document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color=red><b>Nightfire Java</b></font></div><div class='menu'><br></div>"); for(i=0;i<link.length;i++) {
sublink = getArray(i);
document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover=\"info("+i+",this,'gold')\" onmouseout=\"endi(this,'lightyellow')\" style='cursor:hand'> "+ sublink[0] +"</div></a>"); }
document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><img src='pointer2.gif'> <br></div>"); </script> </div> <!-- end Source --> // End -->
ScriptBreaker
Kopieren Sie bitte den Code