Tabla deslizante

Klinexx · #1 (**permalink**) 12/11/2006, 05:25

Buenas a todos,

En primer lugar disculpadme si este post no fuera en este lugar.

Lo que necesito es bastante sencillo, me gustaria tener un cuadro deslizante donde dentro poner publicidad y que se deslice a la vez que el visitante suba/baje la pagina.

La quiero meter en un lateral de la pagina, pero es para que la publicidad este siempre visible, ya que si la pongo en mitad....aparece en un lugar muy poco visible.

Gracias.

urgido · #2 (**permalink**) 12/11/2006, 05:30

checa este ejemplo haber si es lo que buscas.

Saludos

Klinexx · #3 (**permalink**) 12/11/2006, 15:57

Si....seria algo asi, pero no me consigo salir del todo... Si alguien pudiera ponermelo aun más fácil se lo agredeceria.

Gracias.

urgido · #4 (**permalink**) 12/11/2006, 18:01

Aún más fácil... pff!

Código HTML:

<head>
<STYLE TYPE="text/css">
<!--

.menuh	{
		BORDER-COLOR : #FFFF99 ;
		cursor : hand ;
		Border-Left : #FFFF99 ;
		Border-Top : #FFFF99 ;
		Padding-Left : 1px ;
		Padding-Top : 1px ;
		Background-Color : #FFFF99 ;
	}
.menu	{
		Background-Color : white ;
	}
.home	{
		cursor : hand ;
	}

.menulinks{
text-decoration:none;
}
//-->
</STYLE>
</head>

Código PHP:

  <body> 
<p> 
<SCRIPT Language="Javascript1.2"> 
<!-- 
 
/* 
Static menu script (By maXimus, [email protected], http://maximus.ravecore.com/) 
Modified slightly/ permission granted to Dynamic Drive to feature script in archive 
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com 
*/ 
 
//configure below variable for menu width, position on page 
var menuwidth=110 
var offsetleft=10 
var offsettop=90 
 
var ns4=document.layers?1:0 
var ie4=document.all?1:0 
var ns6=document.getElementById&&!document.all?1:0 
 
function makeStatic() { 
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop} 
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop} 
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));} 
setTimeout("makeStatic()",0); 
} 
 
if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')} 
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')} 
 
if (ie4||ns6||ns4) 
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>') 
 
var menui = new Array(); 
var menul = new Array(); 
 
//configure below for menu items. Extend list as desired 
 
menui[0]="Esta es mi barra deslizante"; 
 
 
menul[0]="una url"; 
 
for (i=0;i<=menui.length-1;i++) 
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')} 
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')} 
 
if (ie4||ns6) {document.write('</TABLE></span>')} 
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')} 
 
function menu3(){ 
if (ns6||ie4||ns4) 
makeStatic() 
} 
 
window.onload=menu3 
 
//--> 
</SCRIPT> 
</p> 
</body>