Bienvenidos a Nuestro Mundo - A Proyectos Beta!

En nuestra vida, desde que nacemos todo lo probamos, ensayamos y testeamos; así también erramos, caemos pero por sobre todo aprendemos. Es decir, todo lo que hacemos forma parte de una nueva experiencia, de un PROYECTO. El que siempre exista la posibilidad de mejorarlo es lo que lo convierte en BETA. En este blog queremos compartir contenidos de tipo informático con artículos de programación, software libre y propietario, redes, base de datos, noticias, experiencias, etc... y también de humor. Es un sitio de todos y para todos. Participá! Sos importante ...

Probando la potencia y sencillez de JQuery


Logo JQuery
JQuery es una librería de Javascript, que se caracteriza por escribir poco código, y hacer muchas cosas. Es una librería muy fácil de usar, con una gran potencia. Estaba probando algunos efectos ocultando texto.
Pueden bajarlo a su PC y utilizarlo: bajar código fuente

Lo único que utilice fue la librería jquery-1.4.1.min.js y un código HTML de prueba.

El script del HTML es:

<html>

<head>

<title>Pruebas varias JQuery</title>

<style type="text/css">

body

{

text-align: center;

}



#Contenido

{

border-color: red #0000ff rgb(0,255,0) yellow;

border-style: solid;

background-color: gray;

margin: 0 auto 0 auto;

width: 390px;

}

</style>

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

<script language = "javascript">

$(document).ready(function()

{

$("#enlaceAMostrar").click(function () { $("#Contenido").show(); });

$("#enlaceAOcultar").click(function () { $("#Contenido").hide(); });

$("#fadeOut").click(function () { $("#Contenido1").fadeIn(); });

$("#fadeIn").click(function () { $("#Contenido1").fadeOut(); });

$("#slideUp").click(function () { $("#Contenido2").slideDown(); });

$("#slideDown").click(function () { $("#Contenido2").slideUp(); });

$("#toggle").click(function () { $("#Contenido3").toggle(); });

$("#slideToggle").click(function () { $("#Contenido4").slideToggle(); });

});

</script>

</head>

<body>

<h1><center>Probando JQuery</center></h1>

<br>

<div id="Contenido"> Wonderland es un software (libre) para mundos virtuales al estilo SecondLife escrito enteramente en Java por Sun Microsystems. Darkstar es un servidor de videojuegos online MMORG y mundos virtuales. Wonderland es una de esas cosas de las que siempre he pensado "Me lo tengo que bajar y trastear con ello", pero por pereza nunca lo he hecho. En parte también por que para generar contenidos requiere herramientas tipo Blender, Autocad, 3D Studio, Maya , además de Photoshop/GIMP y ser bueno haciendo texturas. En fin, ahora leo que Oracle decide dejar de dar soporte a Wonderland y Darkstar. Ahora sólo queda Open Crocket, RealXtend y O3D (que tiene buena pinta pero es más estilo Lively, para meter algo 3D en una página web personal). </div>

<a href="javascript:void(0);" id="enlaceAMostrar"> MOSTRAR </a>



<a href="javascript:void(0);" id="enlaceAOcultar"> OCULTAR </a>

<br>

<br>

<br>

<br>

<br>

<div id="Contenido1"> Wonderland es un software (libre) para mundos virtuales al estilo SecondLife escrito enteramente en Java por Sun Microsystems. Darkstar es un servidor de videojuegos online MMORG y mundos virtuales. Wonderland es una de esas cosas de las que siempre he pensado "Me lo tengo que bajar y trastear con ello", pero por pereza nunca lo he hecho. En parte también por que para generar contenidos requiere herramientas tipo Blender, Autocad, 3D Studio, Maya , además de Photoshop/GIMP y ser bueno haciendo texturas. En fin, ahora leo que Oracle decide dejar de dar soporte a Wonderland y Darkstar. Ahora sólo queda Open Crocket, RealXtend y O3D (que tiene buena pinta pero es más estilo Lively, para meter algo 3D en una página web personal). </div>

<a href="javascript:void(0);" id="fadeOut"> Fade Out </a>



<a href="javascript:void(0);" id="fadeIn"> Fade In </a>

<br>

<br>

<br>

<br>

<br>

<div id="Contenido2"> Wonderland es un software (libre) para mundos virtuales al estilo SecondLife escrito enteramente en Java por Sun Microsystems. Darkstar es un servidor de videojuegos online MMORG y mundos virtuales. Wonderland es una de esas cosas de las que siempre he pensado "Me lo tengo que bajar y trastear con ello", pero por pereza nunca lo he hecho. En parte también por que para generar contenidos requiere herramientas tipo Blender, Autocad, 3D Studio, Maya , además de Photoshop/GIMP y ser bueno haciendo texturas. En fin, ahora leo que Oracle decide dejar de dar soporte a Wonderland y Darkstar. Ahora sólo queda Open Crocket, RealXtend y O3D (que tiene buena pinta pero es más estilo Lively, para meter algo 3D en una página web personal). </div>

<a href="javascript:void(0);" id="slideUp"> Slide Up </a>



<a href="javascript:void(0);" id="slideDown"> Slide Down </a>

<br>

<br>

<br>

<br>

<br>

<div id="Contenido3"> Wonderland es un software (libre) para mundos virtuales al estilo SecondLife escrito enteramente en Java por Sun Microsystems. Darkstar es un servidor de videojuegos online MMORG y mundos virtuales. Wonderland es una de esas cosas de las que siempre he pensado "Me lo tengo que bajar y trastear con ello", pero por pereza nunca lo he hecho. En parte también por que para generar contenidos requiere herramientas tipo Blender, Autocad, 3D Studio, Maya , además de Photoshop/GIMP y ser bueno haciendo texturas. En fin, ahora leo que Oracle decide dejar de dar soporte a Wonderland y Darkstar. Ahora sólo queda Open Crocket, RealXtend y O3D (que tiene buena pinta pero es más estilo Lively, para meter algo 3D en una página web personal). </div>

<a href="javascript:void(0);" id="toggle"> Toggle </a>

<br>

<br>

<br>

<br>

<br>

<div id="Contenido4"> Wonderland es un software (libre) para mundos virtuales al estilo SecondLife escrito enteramente en Java por Sun Microsystems. Darkstar es un servidor de videojuegos online MMORG y mundos virtuales. Wonderland es una de esas cosas de las que siempre he pensado "Me lo tengo que bajar y trastear con ello", pero por pereza nunca lo he hecho. En parte también por que para generar contenidos requiere herramientas tipo Blender, Autocad, 3D Studio, Maya , además de Photoshop/GIMP y ser bueno haciendo texturas. En fin, ahora leo que Oracle decide dejar de dar soporte a Wonderland y Darkstar. Ahora sólo queda Open Crocket, RealXtend y O3D (que tiene buena pinta pero es más estilo Lively, para meter algo 3D en una página web personal). </div>

<a href="javascript:void(0);" id="slideToggle"> Slide Toggle </a>

</body>

</html>

Aclaro: El lugar dónde cito para descargar están los dos código fuente (HTML y la librería JQuery Min). El código que muestro es sólo el HTML, por si alguien ya tiene la librería y quiere sólo probarlo.
Página oficial: JQuery Min
Saludos

0 comentarios:

Publicar un comentario

Expresate y se crítico en tu vida. XD

Recibir Artículos Por Correo

Categorías

acertijos (1) adsense (1) adwords (1) AJAX (1) algoritmos (8) android (32) apple (5) autocad (1) base de datos (16) bash (1) becas (1) benchmark (1) blogger (2) blogs (27) bsd (1) buscadores (22) c# (1) CAD (1) camaras digitales (1) casting (1) CentOS (9) certificados (1) ciencia (1) CLEI (5) cloud computing (3) codigo fuente (9) Compiladores (4) Concursos (14) conferencias (24) congresos (6) consolas (7) criptografia (1) css (6) curso online (10) cursos (14) debian (50) Diseño (11) edicion video (7) emuladores (3) encuestas (2) entrevistas (9) ERTIC (1) etico (1) eventos (87) extjs (2) facebook (18) flash (2) flicker (1) FLISOL (13) geek (6) geoserver (2) GIMP (8) gis (29) Google (48) hacking (1) Hardware (30) haskell (3) HTML 5 (20) humor (261) imagenes (238) Ingenieria (14) internet (1) iphone (3) Java (42) Javascript (14) JQuery (3) juegos (36) libros (5) Linux (248) MAC (1) manga (2) Manuales (10) mapquest (1) MapServer (5) matematica (2) Microsoft (26) Microsoft Windows (27) Moviles (16) musicas (7) mysql (3) navegadores (41) newsletters (1) nokia (2) Noticias cientificas (7) Noticias Informaticas (39) Noticias varias (14) nube (1) openlayers (13) openstreetmap (10) opiniones (1) oracle (9) Paraguay (102) photoshop (1) Php (12) podcast (1) postgres (7) Programacion (135) prolog (1) proyectos (10) python (3) radio (6) Recursos (112) redes (10) Redes Sociales (62) resumenes (1) Revistas (57) ruby (2) seguridad (23) seminarios (6) sencha (2) SEO (3) Series (1) Silverlight (1) Sistema Operativo (27) smartphone (1) Software Libre (198) sun (2) tablet (19) tecnologia (24) tecnoPyensis (6) Testing (5) Trabajo (6) trucos (22) Twitter (29) Ubuntu (152) varios (113) videos (173) virtualizacion (14) visual basic net (2) web (86) wikipedia (1) Windows 7 (23) windows 8 (1) Windows XP (2) wordpress (5) xml (1)

Entradas Aleatorias

Seguidores

Últimos Comentarios

Archivos del Blog