29/12/2011, 10:38
|
| | Fecha de Ingreso: diciembre-2011
Mensajes: 31
Antigüedad: 13 años Puntos: 1 | |
Respuesta: Jquery jScrollpane
Código:
<link rel="stylesheet" href="CSS/circodelmar2.css" type="text/css" />
<link rel="stylesheet" href="CSS/menu.css" type="text/css" />
<link type="text/css" href="CSS/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery.mousewheel.js"></script>
<script type="text/javascript" src="javascript/jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
$(function()
{
$('#cuerpo').jScrollPane();
});
</script>
</head>
<body id="quienessomos-page">
<div id="banner"><img class="displayed" src="images/banner.jpg" width="800" height="200" alt="banner" /></div>
<div id="menu">
<ul id="nav">
<li id="quienessomos"><a class="selected" href="index.html" title="¿Quiénes somos?"></a></li>
<li id="animaciones"><a href="animaciones.html" title="Animaciones"></a></li>
<li id="actividades"><a href="actividades.html" title="Actividades Educativas"></a></li>
<li id="galeria"><a href="galeria.html" title="Galería"></a></li>
<li id="contacto"><a href="contacto.html" title="Contacto"></a></li>
<li id="aula"><a href="aula.html" title="Aula Virtural"></a></li>
</ul>
</div>
<div id="cuerpo" class="scroll-pane">
<h1>TITULO</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra convallis malesuada. Nunc et leo id nunc aliquam faucibus id non mauris. Nunc tincidunt fermentum magna. Donec ultricies leo sit amet erat cursus placerat. Donec condimentum lacinia arcu, sit amet consectetur libero dictum vitae. Sed in felis quis quam fringilla consequat ac sed felis. <br />
<h2>SUBTITULO</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra convallis malesuada. Nunc et leo id nunc aliquam faucibus id non mauris. Nunc tincidunt fermentum magna. Donec ultricies leo sit amet erat cursus placerat. Donec condimentum lacinia arcu, sit amet consectetur libero dictum vitae. Sed in felis quis quam fringilla consequat ac sed felis. <br />
<h3>SUBTITULO 2</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra convallis malesuada. Nunc et leo id nunc aliquam faucibus id non mauris. Nunc tincidunt fermentum magna. Donec ultricies leo sit amet erat cursus placerat. Donec condimentum lacinia arcu, sit amet consectetur libero dictum vitae. Sed in felis quis quam fringilla consequat ac sed felis. <br />
</p>
</div>
<div id="pie">Mapa Web</div>
<div id="extra1"></div>
<div id="extra2"></div>
<div id="extra3"></div>
</body>
Perdon, ahi tienes. |