Ejemplos de javascript cambiar propiedad css

Ejemplo para cambiar una imagen por otra onclick con javascript

Ejemplo para cambiar una imagen por otra onclick con javascript en el siguiente ejemplo demuestra cómo puedes cambiar una imagen dinamicamente utilizando Javascript <!DOCTYPE html> <html> <body> <img id=”mi_imagen” src=”primera_imagen.jpg”> <script> document.getElementById(“mi_imagen”).src = “segunda_imagen.jpg”; </script> </body> </html> y si quieres que cambie cuando haces … Leer más

Ejemplos de javascript cambiar propiedad css

Ejemplos de javascript cambiar propiedad css

Ejemplos de javascript cambiar propiedad css en el siguiente código te muestro cómo cambiar propiedad css con JavaScript <!DOCTYPE html> <html> <body> <p id=”p1″>Hola Cybernauta!</p> <p id=”p2″>Hola Cybernauta!</p> <script> document.getElementById(“p2”).style.color = “blue”; document.getElementById(“p2”).style.fontFamily = “Arial”; document.getElementById(“p2”).style.fontSize = “larger”; </script> <p>El … Leer más

ejemplos de JQUERY

ejemplo del efecto Persiana con JQuery

ejemplo del efecto Persiana o cortina con JQuery en el siguiente código te muestro cómo hacer el efecto persiana o cortina divs de una pagina <!DOCTYPE html> <html> <head> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script> <script> $(document).ready(function(){ $(“#titulo”).click(function(){ $(“#panel”).slideDown(); }); }); </script> <style> #panel, … Leer más

ejemplos de JQUERY

ejemplos del efecto FADE con JQuery

ejemplos del efecto FADE con JQuery en el siguiente código te muestro un ejemplo de cómo aplicar el efecto fade in o fundido a todos los elementos div de una pagina <!DOCTYPE html> <html> <head> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script> <script> $(document).ready(function(){ $(“button”).click(function(){ … Leer más