Floating menu in een horizontale website

Status
Niet open voor verdere reacties.

phildesign

Nieuwe gebruiker
Lid geworden
28 okt 2008
Berichten
1
Hey people ik probeer een floating menu in deze site http://www.digitalartist.be/chiro/ te krijgen. Als je horizontaal zou't scrollen dan moet de bovenste balk automatisch meegaan.
Ik probeer het adhv dit script te doen http://www.javascript-fx.com/submitscripts/float/float.html maar het lukt me niet om om te vormen.

Code:
<div id="divTopLeft"     style="position:absolute">
<table id="topbar">
	<tr>
    	<td></td>
    </tr>
</table>
</div>

<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	var px = document.layers ? "" : "px";
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.cy = el.sy = sy;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

	el.floatIt=function()
	{
		var pX, pY;
		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
		document.documentElement && document.documentElement.clientWidth ? 
		document.documentElement.clientWidth : document.body.clientWidth;
		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
		document.documentElement.scrollTop : document.body.scrollTop;
		if(this.sy<0) 
		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
		document.documentElement.clientHeight : document.body.clientHeight;
		this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
		this.sP(this.cx, this.cy);
		setTimeout(this.id + "_obj.floatIt()", 40);
	}
	return el;
}
JSFX_FloatDiv("divTopLeft", 23,0).floatIt();
</script>

Kan iemand me helpen van verticaal naar horizontaal om te vormen?
Andere sites met deze scripts:
http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

http://www.jtricks.com/javascript/navigation/floating.html
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan