Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/08/2003, 16:50
Avatar de mveraa
mveraa
 
Fecha de Ingreso: diciembre-2002
Ubicación: santiago-chilito
Mensajes: 1.931
Antigüedad: 22 años, 1 mes
Puntos: 2
duda con menu desplegable...

hola maestros copie este codigo en el que aparece un menu desplegable desde la izquierda , pero necesito ponerle la palabra "menu" (en vertical) para que las personas sepan que es pero no se nada de javascript , me podrian mostrar porfavor como hacerlo y si posible indicarme como cambiar la orientacion osea que salga de la derecha....


gracias....


<HEAD> -->

<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>

<!-- Colocar dentro de la etiqueta <BOBY> -->

<script language="JavaScript1.2">

/*
Sliding Menu Bar Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="LosRecursosGratis.com"
sitems[1]="Servicios para tu web"
sitems[2]="Publicidad para webmasters"
sitems[3]="Servicios para visitantes"
sitems[4]="Promocion"
sitems[5]="Descarga de software"
sitems[6]="JavaSrcipt"



//These are the links pertaining to the above text.
sitemlinks[0]="http://www.losrecursosgratis.com"
sitemlinks[1]="http://www.losrecursosgratis.com/servicios/servicios.html"
sitemlinks[2]="http://www.losrecursosgratis.com/Publicidad/publicidad.html"
sitemlinks[3]="http://www.losrecursosgratis.com/servicioscvis/serviciosvis.html"
sitemlinks[4]="http://www.losrecursosgratis.com/promocion/promocion.html"
sitemlinks[5]="http://www.losrecursosgratis.com/descarga/descarga.html"
sitemlinks[6]="http://www.losrecursosgratis.com/javascript/java.html"


for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>