---
title: "slide meny.. åt motsatta hål!!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/53864-slide-meny-åt-motsatta-hål"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kenzubhar"
published: "2002-09-21T15:51:24.000Z"
updated: "2002-09-21T15:51:24.000Z"
replies: 0
views: 236
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/53864-slide-meny-åt-motsatta-hål"
---

# slide meny.. åt motsatta hål!!

## #1 — kenzubhar, 2002-09-21T15:51Z

Jag är nybörjare och kan inget om javascript utan har hämtat en kod från dhtmlcentral.com, jag hoppas att någon kan hjälpa mig med att ändra lite i koden så att menyn åker uppåt istället för nedåt.

här är koden:

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

\<html\>
\<body\>
\<style\>
body {background-color:#FFFFFF}
a {color:#000000; text-decoration: none; font-size:11px; font-family: verdana}
a:hover {color:#6380BC; font-size:11px; text-decoration: none}
a:visited: {color:#808080}
td {font-family:verdana; font-size:11px}
div.clTopMenu {position:absolute; width:300; height:300; clip:rect(0,300,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#EEEEEE}
div.clTopMenuBottom {position:absolute; width:300; height:3; clip:rect(0,300,3,0); top:0; layer-background-color:#CECFCE; background-color:#CECFCE; z-index:2}
div.clTopMenuText {position:absolute; width:290; left:5; right: 5; top:25; font-family:verdana; font-size:11px; background-color:#EEEEEE; z-index:1} 
\</style\>

\<script\>
ie=document.all?1:0
n=document.layers?1:0

// If you want to change the appearens on the text, background-colors, size or
//anything do that in the style tag above.

//Variables to set.

//How many menus do you have? (remember to copy and add divs in the body if you add menus)
var numberOfMenus=0
//The width on the menus (set the width in the stylesheet as well)
var mwidth=300
//Pixels between the menus
var pxBetween=10
//The first menus left position
var fromLeft=10
//The top position of the menus
var fromTop=50
//The bgColor of the bottom mouseover div
var bgColor='#CECFCE'
//The bgColor to change to
var bgColorChangeTo='#6380BC'
//The position the mouseover line div will stop at when going up!
var imageHeight=17
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
You shouldn't have to change anything below this
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
//Object constructor
function makeNewsMenu(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'					
	this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')	
	this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight')
	this.moveIt=b_moveIt;this.bgChange=b_bgChange;
	this.slideUp=b_slideUp; this.slideDown=b_slideDown;
	this.clipTo=b_clipTo;
    this.obj = obj + "Object"; 	eval(this.obj + "=this")		
}
//Objects methods
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function b_bgChange(color){if(ie) this.css.backgroundColor=color; else this.css.bgColor=color}
function b_clipTo(t,r,b,l){
	if(n){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
	}else this.css.clip="rect("+t+","+r+","+b+","+l+")";
}
function b_slideUp(ystop,moveby,speed,fn,wh){
	if(!this.slideactive){
		if(this.y\>ystop){
			this.moveIt(this.x,this.y-5); eval(wh)
			setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
		}else{
			this.slideactive=false; this.moveIt(0,ystop); eval(fn)
		}
	}
}
function b_slideDown(ystop,moveby,speed,fn,wh){
	if(!this.slideactive){
		if(this.y\<ystop){
			this.moveIt(this.x,this.y+5); eval(wh)
			setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
		}else{
			this.slideactive=false; this.moveIt(0,ystop); eval(fn)
		}
	}
}
//Initiating the page, making cross-browser objects
function newsMenuInit(){
	oTopMenu=new Array()
	for(i=0;i\<=numberOfMenus;i++){
		oTopMenu*\=new Array()
		oTopMenu*\[0\]=new makeNewsMenu('divTopMenu'+i)
		oTopMenu*\[1\]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)
		oTopMenu*\[2\]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)
		oTopMenu*\[1\].moveIt(0,imageHeight)
		oTopMenu*\[0\].clipTo(0,mwidth,imageHeight+3,0)
		oTopMenu*\[0\].moveIt(i\*mwidth+fromLeft+(i\*pxBetween),fromTop)
		oTopMenu*\[0\].css.visibility="visible"
	}
}
//Moves the menu
function topMenu(num){
	if(oTopMenu\[num\]\[1\].y==imageHeight) oTopMenu\[num\]\[1\].slideDown(oTopMenu\[num\]\[2\].scrollHeight+20,10,40,'oTopMenu\['+num+'\]\[0\].clipTo(0,mwidth,oTopMenu\['+num+'\]\[1\].y+3,0)','oTopMenu\['+num+'\]\[0\].clipTo(0,mwidth,oTopMenu\['+num+'\]\[1\].y+3,0)')
	else if(oTopMenu\[num\]\[1\].y==oTopMenu\[num\]\[2\].scrollHeight+20) oTopMenu\[num\]\[1\].slideUp(imageHeight,10,40,'oTopMenu\['+num+'\]\[0\].clipTo(0,mwidth,oTopMenu\['+num+'\]\[1\].y+3,0)','oTopMenu\['+num+'\]\[0\].clipTo(0,mwidth,oTopMenu\['+num+'\]\[1\].y+3,0)')
}
//Changes background onmouseover
function menuOver(num){oTopMenu\[num\]\[1\].bgChange(bgColorChangeTo)}
function menuOut(num){oTopMenu\[num\]\[1\].bgChange(bgColor)}

//Calls the init function onload
onload=newsMenuInit;
\</script\>

\<div id="divTopMenu0" class="clTopMenu"\>
&nbsp; 
\<a href="#" onmouseover="menuOver(0)" onmouseout="menuOut(0)" 
onclick="topMenu(0); if(ie)this.blur(); return false"\>
	\<b\>Javascript\</b\>\</a\>
	\<div id="divTopMenuText0" class="clTopMenuText"\>
		Added some link to this menu\<br\>\<br\>
		\<a href="http://www.AceJS.com"\>AceJS.com\</a\>\<br\>
		Remember to join our newsletter!\<br\>
&nbsp;
	\</div\>
	\<div id="divTopMenuBottom0" class="clTopMenuBottom"\>\</div\>
\</div\>

\</BODY\>
\</HTML\>

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

tack på förhand
/kenzu********

Permalänk: https://www.webforum.nu/p/53864

---

Tråden på webben: https://www.webforum.nu/amne/javascript/53864-slide-meny-åt-motsatta-hål