Comunidad de diseño web y desarrollo en internet online

Como guardar mi codigo Jquery en una hoja javascritp aparte

Citar            
MensajeEscrito el 16 Ago 2012 09:33 pm
Buenas soy principiante, y tengo la siguiente duda, tengo codigo JQUERY en el HEAD de mi pagina, la cuestion es que quiero ponerlo a una hoja JS aparte asi como se hacen los CSS.

Código Javascript :

<script type="text/javascript">
          $(document).ready(function(){
                    $('#menu').hide(10)   
                $('#menu').show(3000)
               //Ocultando imagenes de clientes
               $('#img1').hide(10);
               $('#img2').hide(10);
               $('#img3').hide(10);
               $('#img4').hide(10);
               $('#img5').hide(10);
               
               $('#link').hover( function(){
                   $('#img1').hide(10); // puede ser load, depende el caso.
                 });    
          });
</script>

Como hago por ejemplo para que este codigo este en un JS aparte y llamarlo desde mi pagina web?
Agredecere sus opiniones Gracias

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Ago 2012 09:41 pm
Acaban de responder este mensaje en otro post pero en fin.. aqui va de nuevo

ESto va en tu archivo .html, php, jsp o lo que sea

Código HTML :

<head>
<script src="funciones.js"></script>
<script type="text/javascript">
          $(document).on("ready", inicializar);
</script>
</head>


Si notas en el codigo llamo a funciones.js, ahora en un archivo llamado funciones.js pones tooooodo los script que quieras, para tu caso:

Código Javascript :

function inicializar(){
               $('#menu').hide(10)   
               $('#menu').show(3000)
               //Ocultando imagenes de clientes
               $('#img1').hide(10);
               $('#img2').hide(10);
               $('#img3').hide(10);
               $('#img4').hide(10);
               $('#img5').hide(10);
               
               $('#link').hover( function(){
                   $('#img1').hide(10); // puede ser load, depende el caso.
                 });    
          }

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 17 Ago 2012 08:29 pm
Gracias >> elporfirio << me sirvio de mucho :)
Saludos

Por talentocomputo

38 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.