Saludos a todos...
He visto un link muy interesante en el que se intenta animar un <div> a través de unos links en la cabeza de la página. El código es el siguiente y la demo la podéis ver
aquí:
Código HTML:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:void(0)" onClick="goToByScroll('1')">Go to anchor 1</a></li>
<li><a href="javascript:void(0)" onClick="goToByScroll('2')">Go to anchor 2</a></li>
<li><a href="javascript:void(0)" onClick="goToByScroll('3')">Go to anchor 3</a></li>
<li><a href="javascript:void(0)" onClick="goToByScroll('4')">Go to anchor 4</a></li>
</ul>
<div style="width:600px">
<div id="1">
<h1>1</h1>
</div>
<div id="2">
<h1>2</h1>
</div>
<div id="3">
<h1>3</h1>
</div>
<div id="4">
<h1>4</h1>
</div>
</div>
</body>
</html> Mi pregunta es... De qué manera puedo cambiar el método del click (onClick) por un método automático, del tipo onLoad para ejecutar uno de los <div> al iniciar la página?....
He intentado con window.onload = función... pero no se ejecuta bien.
Gracias por vuestra ayuda.