Inicio > Uncategorized > SlideUp y SlideDown Con Prototype

SlideUp y SlideDown Con Prototype

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>SilideDown con Prototype</title>
<script src=”prototype.js” type=”text/javascript”></script>
<script src=”scriptaculous.js” type=”text/javascript”></script>
<script src=”unittest.js” type=”text/javascript”></script>
<style type=”text/css” media=”screen”>
    #d1 { background-color: #888; }
  </style>

</head>

<body onload=”$$(‘div.d’).each( function(e) { e.visualEffect(‘slide_up’,{duration:1.5}) }); return false;”>
Hola estamos en el cuerpo
<a href=”#” onclick=”$$(‘div.d’).each( function(e) { e.visualEffect(‘slide_down’,{duration:1.5}) }); return false;”>SlideDown</a>
<div><div style=”overflow:hidden”>
<table>
<tr>
<td>Mis Pedidos</td>
<td>Mis Datos</td>
<td>Cerrar Sesion</td>
</tr>
</table>
</div></div>
</body>
</html>

aca les dejo la libreria scriptaculos Libreria Scriptaculos

Categorías:Uncategorized
  1. Aún no hay comentarios.
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: