Foros del Web - Ver Mensaje Individual

network733 · #1 (**permalink**) 13/12/2010, 10:41

Ola amigos estoy practicando jquery y me gustaria saver si hay forma de ocultar el codigo de javascript de mi archivo index.html o guardarlo en otro archivo.

Bien en una carpeta tengo los siguientes archivos:

index.html
jquery.js
style.css

Lo que echo aquí es basándome en un tutorial que encontré en internet.
Index.html

Cita:

<!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=utf-8" />
<title>Menu</title>
<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function (){
//Aqui asignamos el click al elemento <a>
$("a").click(function (){
$("div").hide("slow");
$("div").show("slow");
$("div").slideUp("slow");
$("div").slideDown("slow");
$("div").fadeOut("slow");
$("div").fadeIn("slow");
$("div").animate({width:200, height:200}, "slow");
$("div").animate({top:60, left:100}, "slow");
$("div").animate({width:300, height:300}, "slow");
$("div").animate({top:20, left:50}, "slow");
$("div").animate({width:100, height:100}, "slow");
$("div").animate({top:0, left:0}, "slow");
$("div").animate({width:400, height:400}, "slow");
});
});
</script>

<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="contenido" id="contenido">
<a href="#" class="algo">Presioname!</a>
</div>

</body>
</html>

Bien como pueden ver se encuentra todo mi código javascript esta en el head pero no me gusta que este hay como lo ubicaría en otro archivo?? Es decir se puede crear un archivo aparte solo con el javascript y enlazarlo a mi archivo index.html de la forma que enlace el JQUERY.js?

<script src="jquery.js" type="text/javascript"></script>

Se puede hacer eso?? Y como quedaría mi código dentro de un archivo llamado efecto.js??