Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje23-10-2008, 17:36 (UTC)    
Título del mensaje: Menú que se desplaza por la pantalla

Menú que se desplaza por la pantalla

Os recomindo ponerlo en un box





Código:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<DIV ID="point1" STYLE="position:absolute;visibility:visible;">
<!--Configure the table below.-->
<TABLE WIDTH="100" BORDER="1" BORDERCOLOR="#BBBBBB" CELLSPACING="0"
CELLPADDING="4">
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="somepage.html">Link 1</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="somepage.html">Link 2</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="somepage.html">Link 3</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="somepage.html">Link 4</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="somepage.html">Link 5</A></FONT> </TD>
</TR>
</TABLE>
<!--DO NOT EDIT BELOW THIS LINE -->
</DIV> <SCRIPT LANGUAGE="JavaScript1.2">

var XX=500; // X position of the scrolling objects
var xstep=1;
var delay_time=40;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById(`point1`).style.top=YY
}

function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout(`loopfunc()`,delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</SCRIPT> </BODY>
</HTML>
Mensaje23-10-2008, 17:39 (UTC)    
Título del mensaje:

Este tema permanecerá abierto durante el transcurso de 1 semana para comentarios y preguntas sobre el mismo. Pasado este tiempo el tema será cerrado y ordenado.
Gracias por el aporte!

PD=Pueden ver la vista previa del code aquí:
http://sitedeejemplo.es.tl/
(Ver Box)
Mensaje23-10-2008, 17:41 (UTC)    
Título del mensaje:

pues no,no vuela me parece que le has cortado las alas
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mensaje23-10-2008, 18:03 (UTC)    
Título del mensaje:

Sí el menú no se desplaza por la pantalla,sino que se queda quieto en el box encima en la página web de tokarg de pruebas el menú se confunde con el box y queda entre el box 1 y el 2
______________
Estoy al borde de la gloria, y estoy colgando de un momento de verdad,
estoy al borde la gloria Y estoy suspendida de un momento junto a tí

Mensaje23-10-2008, 18:23 (UTC)    
Título del mensaje:

He hecho algunas modificaciones y lo he editado para que puedan moverlo al lugar que deseen de sus páginas:
Cita:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<DIV style="position:absolute;left:6px;top:350px;">
<!--Configure the table below.-->
kkk
<TABLE WIDTH="100" BORDER="1" BORDERCOLOR="#BBBBBB" CELLSPACING="0"
CELLPADDING="4">
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="URL DEL LINK 1">Título del link 1</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="URL DEL LINK 2">Título del link 2</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="URL DEL LINK 3">Título del link 3</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="URL DEL LINK 4">Título del link 4</A></FONT> </TD>
</TR>
<TR>
<TD ALIGN="center"> <FONT SIZE="2" FACE="Arial, Helvetica"><A
HREF="URL DEL LINK 5">Título del link 5</A></FONT> </TD>
</TR>
</TABLE>
<!--DO NOT EDIT BELOW THIS LINE -->
</DIV> <SCRIPT LANGUAGE="JavaScript1.2">

var XX=500; // X position of the scrolling objects
var xstep=1;
var delay_time=40;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById(`point1`).style.top=YY
}

function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout(`loopfunc()`,delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</SCRIPT> </BODY>
</HTML>

Lo rojo es lo mínimo que deben modificar para poner los links del menú.
Modifiquen el valor numérico de lo que aparece en verde para mover el código por la plantilla.

Es un code sencillo, creo que hay que revisarlo ya que creo que hay partes que sobran ya que lo que se visualiza a simple vista es una simple tabla con links... Pero estoy seguro que será de utilidad a más de un user.

Salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group