08/02/2010, 11:09
|
| Colaborador | | Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 6 meses Puntos: 269 | |
Respuesta: Ir arriba con efecto deslizable Hola chicos, disculpen, enserio, pero no logro hacer funcionar el plugin, les muestro como lo hago:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo-min.js"></script>
<script type="text/javascript">$(document).ready(function(){
$('#link').click( function(){
$().scrollTo('body',800 );
});
});
</script>
</head>
<body>
<div>
<h1>Título 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien nisl, iaculis nec condimentum ultricies, interdum id enim. Donec a tristique purus. Sed consectetur mi eget lacus porta ac varius nisl iaculis. Proin enim arcu, cursus ut ullamcorper et, feugiat non nisl. Praesent tortor orci, vehicula a tempor rhoncus, suscipit sed dui. In hac habitasse platea dictumst. Curabitur sit amet risus sed nunc eleifend consectetur et id lacus. Nam vulputate nunc ut massa fermentum venenatis. Sed diam quam, sagittis eu sollicitudin a, mollis vitae diam. Nunc sed ante dolor, eu semper libero. Duis vitae ante eu velit luctus ullamcorper. Aliquam at libero nibh. Vestibulum dictum fermentum nisl, id condimentum mauris varius id. Ut laoreet, nisl non malesuada interdum, tortor orci commodo orci, ut aliquam tortor orci a tortor. Vivamus tortor odio, volutpat vitae venenatis sit amet, tincidunt nec mi. Aliquam scelerisque fermentum suscipit.</p>
<h2>Título 2</h2>
<p>Morbi imperdiet elementum malesuada. Aenean porta, lectus in auctor dapibus, neque enim suscipit eros, ac dictum erat sapien vulputate mauris. Curabitur porta massa lobortis metus condimentum nec tempor tortor tincidunt. Suspendisse laoreet condimentum dolor ut facilisis. Nunc volutpat arcu et justo cursus egestas. Pellentesque fringilla leo id risus euismod venenatis. Vivamus fermentum rhoncus libero, a hendrerit elit consectetur vel. Pellentesque varius tincidunt ligula sit amet elementum. Nulla pharetra aliquet mi, ac malesuada urna pellentesque quis. Donec laoreet, felis nec laoreet mollis, elit ligula euismod nisl, sed ullamcorper diam erat quis dui. Sed a nisl fringilla magna interdum ullamcorper ut nec felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nulla lectus, quis convallis dui. Aliquam erat volutpat. Mauris a sapien ut sapien varius porttitor. Proin fermentum tellus in leo hendrerit et auctor mauris scelerisque. Integer euismod porta turpis, ut posuere augue gravida a. Aliquam risus ante, elementum viverra congue quis, placerat et odio. Nunc blandit enim sed nisi pretium molestie.</p>
<h3>Título 3</h3>
<p>Fusce vel tellus id enim lacinia aliquam. Curabitur sodales scelerisque interdum. Donec ac lectus sed ipsum imperdiet volutpat vel sit amet orci. Etiam tempus, neque vitae malesuada tristique, diam mi ultricies enim, a feugiat purus risus non libero. Aliquam a ligula eu libero gravida facilisis et sed erat. Etiam sagittis sollicitudin tortor. Mauris eget sapien eget quam scelerisque fringilla eget vitae erat. Aliquam sed purus lorem. Etiam euismod dapibus congue. Nullam lectus justo, ultricies sed rhoncus at, egestas at diam. Suspendisse potenti. Vivamus dignissim nunc eu urna faucibus laoreet. Cras pulvinar porta dignissim. Nulla eget magna ac nunc ultricies commodo laoreet et nunc. Phasellus nec magna non est vehicula sodales. Nam nulla ipsum, dapibus quis pulvinar eu, venenatis sit amet lorem. Etiam quis euismod arcu.</p>
<p>Morbi imperdiet elementum malesuada. Aenean porta, lectus in auctor dapibus, neque enim suscipit eros, ac dictum erat sapien vulputate mauris. Curabitur porta massa lobortis metus condimentum nec tempor tortor tincidunt. Suspendisse laoreet condimentum dolor ut facilisis. Nunc volutpat arcu et justo cursus egestas. Pellentesque fringilla leo id risus euismod venenatis. Vivamus fermentum rhoncus libero, a hendrerit elit consectetur vel. Pellentesque varius tincidunt ligula sit amet elementum. Nulla pharetra aliquet mi, ac malesuada urna pellentesque quis. Donec laoreet, felis nec laoreet mollis, elit ligula euismod nisl, sed ullamcorper diam erat quis dui. Sed a nisl fringilla magna interdum ullamcorper ut nec felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nulla lectus, quis convallis dui. Aliquam erat volutpat. Mauris a sapien ut sapien varius porttitor. Proin fermentum tellus in leo hendrerit et auctor mauris scelerisque. Integer euismod porta turpis, ut posuere augue gravida a. Aliquam risus ante, elementum viverra congue quis, placerat et odio. Nunc blandit enim sed nisi pretium molestie.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien nisl, iaculis nec condimentum ultricies, interdum id enim. Donec a tristique purus. Sed consectetur mi eget lacus porta ac varius nisl iaculis. Proin enim arcu, cursus ut ullamcorper et, feugiat non nisl. Praesent tortor orci, vehicula a tempor rhoncus, suscipit sed dui. In hac habitasse platea dictumst. Curabitur sit amet risus sed nunc eleifend consectetur et id lacus. Nam vulputate nunc ut massa fermentum venenatis. Sed diam quam, sagittis eu sollicitudin a, mollis vitae diam. Nunc sed ante dolor, eu semper libero. Duis vitae ante eu velit luctus ullamcorper. Aliquam at libero nibh. Vestibulum dictum fermentum nisl, id condimentum mauris varius id. Ut laoreet, nisl non malesuada interdum, tortor orci commodo orci, ut aliquam tortor orci a tortor. Vivamus tortor odio, volutpat vitae venenatis sit amet, tincidunt nec mi. Aliquam scelerisque fermentum suscipit. </p>
<a id="#link" href="#">ir arriba</a>
</div>
</body>
</html>
Gracias de antemano. |