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">
<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>
</div>
<div id="divTopMenuBottom0" class="clTopMenuBottom"></div>
</div>
</BODY>
</HTML>
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
tack på förhand
/kenzu********