Ejercicios Jquery Resueltos, Distintas Dificultades 4f1k32

  • ed by: Martin Antonio Soto
  • 0
  • 0
  • November 2019
  • PDF

This document was ed by and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this report form. Report 2z6p3t

Overview 5o1f4z

& View Ejercicios Jquery Resueltos, Distintas Dificultades as PDF for free.

More details 6z3438

  • Words: 764
  • Pages: 11
Archivo.js:

var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() {   var x;   x=$("#parrafo1");   x.click(presionParrafo) } function presionParrafo() {   alert("Se presionó el párrafo"); } 2- Confecciona una página que muestre dos tablas con tres filas cada una. Cambiar el color de fondo de cada fila de la primera tabla cuando sea presionada con el mouse

Respuestas: Html:

Problema 4a2k58 <script type="text/javascript"  src="../jquery.js"> <script type="text/javascript"  src="funciones.js"> 1111111111111111111111111 111111111111111 2222222222222222222222222 222222222222222 3333333333333333333333333 333333333333333
1111111111111111111111111 111111111111111 2222222222222222222222222 222222222222222

3333333333333333333333333 333333333333333
Archivo.js:

var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() {   var x;   x=$("#tabla1 tr");   x.click(cambiarColor); } function cambiarColor() {   var x;   x=$(this);   x.css("background­color","ffff00"); } Medio: 3- Crear una tabla con dos filas y dos columnas, cambiar el color del interior de la casilla cuando ingresamos con el mouse y regresarla al original cuando salimos Respuesta: HTML:

Problema 4a2k58

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

Archivo.js:

var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() {   var x;   x=$("#recuadro");   x.mousemove(moverMouse);   x=$("#recuadro");   x.mouseout(saleMouse); } function moverMouse(event) {   var x;   x=$("#coordenada");   x.text("(" + event.clientX + "," +  event.clientY + ")"); } function saleMouse() {   var x;   x=$("#coordenada");

  x.text("Flecha fuera del recuadro");  } Estilo.css

#recuadro{   background­color:#ffff00;   width:200px;   height:200px; } 4- Crear un div de 200 pixeles de ancho y alto. Mostrar luego la coordenada donde se encuentra la flecha del mouse cuando está dentro del div. Mostrar un mensaje si no se encuentra dentro del div. Repuesta: HTML:

Problema 4a2k58 <script type="text/javascript"  src="../jquery.js"> <script type="text/javascript"  src="funciones.js">



Archivo.js:

var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() {   var x;   x=$("#recuadro");   x.mousemove(moverMouse);   x=$("#recuadro");   x.mouseout(saleMouse); } function moverMouse(event) {   var x;   x=$("#coordenada");   x.text("(" + event.clientX + "," +  event.clientY + ")"); } function saleMouse() {   var x;   x=$("#coordenada");

  x.text("Flecha fuera del recuadro");  } Estilo.css:

#recuadro{   background­color:#ffff00;   width:200px;   height:200px; } 5- Hacer que un bloque de información pase de visible a oculto lentamente y viceversa al presionar un botón: Respuesta:

HTML:

Problema 4a2k58 <script type="text/javascript"  src="../jquery.js"> <script type="text/javascript"  src="funciones.js">

HTML es el lenguaje que se emplea para el  desarrollo de páginas de internet.

 

Este lenguaje está constituido de elementos  que el navegador interpreta y las despliega en  la pantalla de acuerdo a su objetivo. Veremos  que hay elementos para disponer imágenes sobre  una página, hipervínculos que nos permiten  dirigirnos a otra página, listas, tablas para  tabular datos, etc.

Para poder crear una página HTML se requiere un simple editor de texto (en nuestro caso  emplearemos este sitio) y un navegador de  internet (IExplorer, FireFox etc.), emplearemos el navegador que en este preciso momento está  utilizando (recuerde que usted está viendo en  este preciso momento una página HTML con su  navegador).

Lo más importante es que en cada concepto  desarrolle los ejercicios propuestos y  modifique los que se presentan ya resueltos.

Este curso lo que busca es acercar el  lenguaje HTML a una persona que nunca antes  trabajó con el mismo. No pretende mostrar todas los elementos HTML en forma alfabética.

Como veremos, de cada concepto se presenta  una parte teórica, en la que se da una  explicación completa, luego se pasa a la  sección del ejercicio resuelto donde podemos  ver el contenido de la página HTML y cómo la  visualiza el navegador. Por último y tal vez la sección más importante de este tutorial es  donde se propone que usted haga páginas en  forma autónoma (donde realmente podrá darse  cuenta si el concepto quedó firme).

Archive.js

var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() {   var x=$("#boton1");   x.click(ocultarMostrarRecuadro);

} function ocultarMostrarRecuadro() {   var x=$("#descripcion");   x.toggle("slow"); }

Estilo.css

.recuadro {   background­color:#ffffcc;   font­family:verdana;   font­size:14px;   border­top­width:1px;   border­right­width:3px;   border­bottom­width:3px;   border­left­width:1px;   border­top­style:dotted;   border­right­style:solid;   border­bottom­style:solid;   border­left­style:dotted;   border­top­color:#ffaa00;   border­right­color:#ff0000;   border­bottom­color:#ff0000;   border­left­color:#ffaa00;

} 6- Confeccionar una página que muestre dos títulos de primer nivel, al ser presionados cambiar el color de fuente, fondo y la fuente del texto. Respuesta: HTML:

Problema 4a2k58 <script type="text/javascript"  src="../jquery.js"> <script type="text/javascript"  src="funciones.js">

Primer título Segundo título 4a2o4s

Archivo.js:

var x; x=$(document); x.ready(function(){   var x;   x=$("#titulo1");   x.click(function() {     var x;     x=$("#titulo1");     x.css("color","#ff0000");     x.css("background­color","#ffff00");     x.css("font­family","Courier");   });   x=$("#titulo2");   x.click(function () {     var x;     x=$("#titulo2");     x.css("color","#ffff00");

    x.css("background­color","#ff0000");     x.css("font­family","Arial");   }); })

Related Documents c2h70

Ejercicios Jquery Resueltos, Distintas Dificultades 4f1k32
November 2019 321
Jquery 286533
April 2020 20
Ejercicios Resueltos 405np
May 2020 6
Ejercicios Resueltos 405np
December 2022 0
Ejercicios-resueltos 2zy4n
June 2020 7
Ejercicios Resueltos 405np
December 2019 105

More Documents from "Martin Antonio Soto" w6o3i

Ejercicios Jquery Resueltos, Distintas Dificultades 4f1k32
November 2019 321
Organigrama Sams Club 4j3s5h
December 2019 158
Thesis s7029
June 2022 0
Usted Puede Sanar 245341
July 2020 0
Bitsea 6p3v1r
November 2019 46
Acrylic Wifi Professional Ayuda Spanish 2016 4dt6x
November 2019 33

Copyright © 2025 IDOUB.