Avatar billede theboy Nybegynder
12. oktober 2005 - 08:50 Der er 2 kommentarer og
1 løsning

Hvordan laver jeg en Flyvende menu

Hejsa.
Jeg vil gerne ungå at arbejde med frames og deror tænke jeg på at få lavet en menu i bunden der følger skærmen når man scroller.
Jeg har set det med nogle reklamer på yahoo (tror jeg det var).
menuen skal kunne være en PHP og ikke kun et billede.

Er det nogen der har et script til det eller kan henvise til et?
Avatar billede horsmark Nybegynder
13. oktober 2005 - 08:43 #1
såsom dette ( inklusiv mini tutorial )

http://www.quirksmode.org/js/fixedmenu.html
Avatar billede theboy Nybegynder
14. oktober 2005 - 09:19 #2
Ja noget i den stil. Jeg har fundet noget på http://www.atac-online.ro/archive/2005/octombrie/14/ som jeg har skrallet til nedenstående, man kan det ikke gøres simplere?
-------------
<html>
<body>
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" valign="middle">
<table border="0" width="750" cellspacing="1" cellpadding="1" align="center" bgcolor="#660000">
<tr align="center" valign="middle">
<td width="15%" bgcolor="#CC0000" class="V8"><b><font color="#FFFFFF">column 1:</font></b> </td>
<td width="85%" bgcolor="#CC0000" class="V8" align="left" style="color:white">Her Skal der ikke scrolles</td></tr>
<tr align="center" valign="middle">
<td width="15%" bgcolor="#FFFFFF" class="V8"><b>column 2:</b></td>
<td width="85%" bgcolor="#FFFFFF" class="V8" style="color:#CC0000" align="left">Her skal der heller ikke scrolles</td></tr>

</table></td></tr> </table></layer>

<script>
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 0,
startY = 40;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script></body></html>
</body>
</html>
----------
Avatar billede theboy Nybegynder
30. marts 2006 - 19:41 #3
jeg fandt selv en løsning
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester