Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Para los que me preguntan, aquí tenéis el código que hace cambiar el color a un simple <p> usando JQuery y
- haciendo scripts. Se puede hacer muy fácil gracias a la etiqueta .css(), que permite modificar parámetros de
- estilos CSS en etiquetas HTML, en este caso, <p>.
- "
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- </head>
- <body>
- <script>
- $(document).ready(function() {
- $("#text").click(function() {
- $("#text").css({"color":"#000"})
- });
- });
- </script>
- <p id="text">Mira! Esto cambia de color!</p>
- <style>
- #text {
- color:#fff;
- position:relative;
- }
- </style>
- </body>
- </html>
- "
- Disfrutad.
- Básicamente usamos este código
- "
- <script>
- $(document).ready(function() {
- $("#[Inserte ID de tu etiqueta HTML]").click(function() {
- $("#[Inserte ID de la misma etiqueta que en el .click()]").css({"estilo","variable"})
- });
- });
- </script>
- "
- Con el .css(), podemos modificar múltiples estilos modificando añadiendo una y otra vez este patrón:
- "$("#ejemplo").css({"estilo","variable","estilo","variable"})"
- Obviamente para que el .css() funcione ha de ponerse el .ready() en $(document) y el .click() en el texto, para que cuando se haga click en el texto, en <p>, funcione el .css(). Obviamente para que el documente lo cargue Jquery, hay que usar la siguiente línea de código:
- "$(document).ready(function() { Subfunciones y demás, aquí iría al .css()});"
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement