Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje24-09-2008, 19:52 (UTC)    
Título del mensaje: code de cuadro desplegable con link's!!

miren con este code es un cuadro desplegable que cuando pasas el mouse se habre,
aqui lo dejo para que el que quiera lo usen
Se puede insertar en cualquier box

Código:
<head>>
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px black;
background-color:white;
layer-background-color:green;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<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]="Titulo 0"
sitems[1]="Titulo 1"
sitems[2]="Titulo 2"
sitems[3]="Titulo 3"
sitems[4]="Titulo 4"
sitems[5]="Titulo 5"
sitems[6]="Titulo 6"



//These are the links pertaining to the above text.
sitemlinks[0]="URL Link 0"
sitemlinks[1]="URL Link 1"
sitemlinks[2]="URL Link 2"
sitemlinks[3]="URL Link 3"
sitemlinks[4]="URL Link 4"
sitemlinks[5]="URL Link 5"
sitemlinks[6]="URL Link 6"


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>
</head>


Lo pueden usar como menu si quieren....para poner información..etc..
le pueden modificar el color de fondo en "background-color:white;"

Nos vemos.......


Ultima edición por ipahuechuraba el Jue Sep 25, 2008 6:03 pm; editado 1 vez
Mensaje24-09-2008, 21:30 (UTC)    
Título del mensaje:

Si, me funciono pero como dijiste no funciona en firefox

se ve chido...........

ojala alguien sera como hacer para que se vea en firefox
______________
aj
Mensaje25-09-2008, 16:02 (UTC)    
Título del mensaje:

no hay ningun problema, simplemente el code no es compatible con firefox, le pasa a muchos...
______________

Mensaje26-09-2008, 17:12 (UTC)    
Título del mensaje:

Lo probe y funciona de lo más bien... pero como le cambio el colo de fondo????

gracias.
______________
No destruyas tus oidos con reggaeton, escucha Rock!
Mensaje26-09-2008, 17:16 (UTC)    
Título del mensaje:

inmusweb escribió:
Lo probe y funciona de lo más bien... pero como le cambio el colo de fondo????

gracias.


donde dice esto:
le pueden modificar el color de fondo en "background-color:white;"

el white lo cambias por el nombre del color que quieras, blue.green, ....
Mensaje26-09-2008, 21:16 (UTC)    
Título del mensaje:

oye puede modificar el color del borde
en layer-background-color:green;

el tipo de letra y tamaño
font:bold 12px Verdana;

ok, nos vemos.....

comenten cualquier duda. o ayuda

saludos
Mensaje27-09-2008, 18:16 (UTC)    
Título del mensaje:

Muy bueno me servira en el futuro ^^


PD: Marinika su web tapa el anuncio de PWG
http://marinika.es.tl/
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group