fold ud ting

www.dhtml.com

http://www.dhtmlshock.com

jeg ved også at der er en her http://www.script.dk

Du finder masser her

http://www.viewsource.dk/dhtmlcat.asp?ident=3

kan man ikke lavet noget med <div> ??

her er en helt simpel fold-ud\'er:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<style type=\"text/css\">
<!-- a.x:link, a.x:visited, a.x:active{color:#ffffff;text-decoration:none} //-->
</style>

</HEAD>
<body marginheight=\"50\" topmargin=\"50\">
<script language=\"JavaScript\">
<!-- Cross Browser NavBar2 (Not NS6)
if (document.layers||document.all){

MenuTitles=new Array()
SubMenuLinks=new Array()
function Rtrn(c){
if (document.layers) c.bgColor=HighLight;
if (document.all) c.style.background=HighLight;
}
function HghLght(c){
if (document.layers) c.bgColor=MenuBgColor;
if (document.all) c.style.background=MenuBgColor;
}
OpenLayer=(document.layers)?\"<br><layer width=100% onMouseOver=\'HghLght(this)\'; onMouseOut=\'Rtrn(this)\'><center>\":\"<span style=\'width:100%\' onMouseOver=\'HghLght(this)\'; onMouseOut=\'Rtrn(this)\'>\";
CloseLayer=(document.layers)?\'</center></layer>\':\'</span>\';

/*Her indstilles udseendet*/

MenuWidth=120;
MenuFont=\'Verdana,Arial\';
MenuFontSize=2; //kun mellem 1 to 7
SubMenuFontSize=2; //kun mellem 1 to 7

MenuFontColor=\'#ffffff\';
MenuBgColor=\'005eff\';
HighLight=\'0598ff\';
Separater=2;

/*Menu antal - slet eller tilføj*/

MenuTitles[0]=\'Menu 1\';
MenuTitles[1]=\'Menu 2\';
MenuTitles[2]=\'Menu 3\';
MenuTitles[3]=\'Menu 4\';
MenuTitles[4]=\'Menu 5\';


/*Undermenuer. Ændr ikke:  +OpenLayer+\"  eller  \"+CloseLayer
Sådan udfyldes links. Eksempel:
+OpenLayer+\"<a href=\'http://www.google.com\' class=\'x\'>Google</a>\"+CloseLayer
*/

SubMenuLinks[0]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[1]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[2]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[3]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[4]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

/*Dette bør ikke ændres:*/
MenuAmount=MenuTitles.length;
MenWidth=0;
PageWidth=0;
IniPos=0;
Spacer=0;
aIniPos=0;
aSpacer=0;
function Pos(){
MenWidth=(MenuWidth+Separater)*MenuAmount;
PageWidth=(document.layers)?window.innerWidth/2:document.body.clientWidth/2;
IniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
Spacer=MenuWidth+Separater;
aIniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
aSpacer=MenuWidth+Separater;
if (MenWidth > PageWidth*2){
IniPos=-MenuWidth-Separater;
aIniPos=-MenuWidth-Separater;
}
}
Pos();
if (document.layers){
for (i=0; i < MenuAmount; i++){
document.write(\"<layer name=\'submenu\"+i+\"\' top=0 left=\"+(aIniPos+=aSpacer)+\" \"
+\" width=\"+MenuWidth+\" bgcolor=\"+HighLight+\" visibility=hide\"
+\" onMouseOver=\'this.visibility=\\\"show\\\"; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)\' \"
+\" onMouseOut=\'this.visibility=\\\"hide\\\"; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)\'>\"
+\"<center><font face=\"+MenuFont+\" size=\"+SubMenuFontSize+\">\"
+\"&nbsp;<br>\"+SubMenuLinks[i]+\"<br></font></center></layer>\");
}
for (i=0; i < MenuAmount; i++){
document.write(\"<layer name=\'nsmenu\"+i+\"\' top=0 left=\"+(IniPos+=Spacer)+\" height=0 \"
+\"width=\"+MenuWidth+\" bgcolor=\"+MenuBgColor+\" \"
+\"onMouseOver=\\\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\\\" \"
+\"onMouseOut=\\\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\\\">\"
+\"<center><font face=\"+MenuFont+\" size=\"+MenuFontSize+\" color=\"+MenuFontColor+\">\"
+MenuTitles[i]+\"</font></center></layer>\");                                     
}
function On(x){
for (i=0; i < MenuAmount; i++){
document.layers[\'submenu\'+x].visibility=\'show\';
}
}
function Off(x){
for (i=0; i < MenuAmount; i++){
document.layers[\'submenu\'+x].visibility=\'hide\';
}
}
function B(y){
for (i=0; i < MenuAmount; i++){
document.layers[\'nsmenu\'+y].bgColor=MenuBgColor;
}
}
function H(y){
for (i=0; i < MenuAmount; i++){
document.layers[\'nsmenu\'+y].bgColor=HighLight;
}
}
}
if (document.all){
for (i=0; i < MenuAmount; i++){
document.write(\"<div id=\'sub\"+i+\"\' style=\'position:absolute;\"
+\"top:0px;\"
+\"left:\"+(aIniPos+=aSpacer)+\";\"
+\"height:0px;\"
+\"width:\"+MenuWidth+\";\"
+\"background:\"+HighLight+\";\"
+\"visibility:hidden\'\"
+\" onMouseOver=\'this.style.visibility=\\\"visible\\\";\"
+\" document.all[\\\"headers\"+i+\"\\\"].style.background=HighLight\';\"
+\" onMouseOut=\'this.style.visibility=\\\"hidden\\\";\"
+\" document.all[\\\"headers\"+i+\"\\\"].style.background=MenuBgColor\'>\"
+\"<center><font face=\"+MenuFont+\" size=\"+SubMenuFontSize+\">\"
+\"&nbsp;<br>&nbsp;<br>\"+SubMenuLinks[i]+\"</font></center></div>\");
}
for (i=0; i < MenuAmount; i++){
document.write(\"<div id=\'headers\"+i+\"\' style=\'position:absolute;\" 
+\"top:0px;\"
+\"left:\"+(IniPos+=Spacer)+\";\"
+\"height:0px;\"
+\"width:\"+MenuWidth+\";\"
+\"background:\"+MenuBgColor+\";\"
+\"cursor:default;\"
+\"padding:0px\'\"
+\" onMouseOver=\'document.all[\\\"sub\"+i+\"\\\"].style.visibility=\\\"visible\\\";\"
+\" this.style.background=HighLight\'\"
+\" onMouseOut=\'document.all[\\\"sub\"+i+\"\\\"].style.visibility=\\\"hidden\\\";\"
+\" this.style.background=MenuBgColor\'>\"
+\"<center><font face=\"+MenuFont+\" size=\"+MenuFontSize+\" color=\"+MenuFontColor+\">\"
+MenuTitles[i]+\"</font></center></div>\");
}
}
function Scroll(){
for (i=0; i < MenuAmount; i++){
if (document.layers){
document.layers[\'nsmenu\'+i].top=window.pageYOffset;
document.layers[\'submenu\'+i].top=window.pageYOffset;
}
if (document.all){
document.all[\'headers\'+i].style.top=0+document.body.scrollTop;
document.all[\'sub\'+i].style.top=0+document.body.scrollTop;
}
}
setTimeout(\'Scroll()\',150)
}
Scroll();
window.onresize=new Function(\"window.location.reload()\");
}
//-->
</script>

</BODY>
</HTML>
Jeg kan ikke huske hvor den stammer fra. Men der er da nogle div\'er.

ja oki jeg kigger lidt på det

callesen...

Må jeg bruge den på min hjemmeside?? synes at den er flot :)