ZadomenSC

Untitled

Nov 19th, 2024
16
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <link rel="stylesheet" href="nice.css"/>
  7. <script src="nice.js" type="module"></script>
  8. </head>
  9. <body>
  10. <heade>
  11. <div id="imagen"></div>
  12. <window id="window">
  13. <p id="titulo">Tortuga</p>
  14. </window>
  15. </heade>
  16. <p id="texto"> Les tortugues (Testudines), dites igualment testudins o quelonis, són un ordre de rèptils que tenen el tronc tancat en una closca formada a partir de costelles soldades a altres estructures. Les tortugues modernes es divideixen entre criptodirs i pleurodirs, segons el pla en el qual flexionen el coll.[2]
  17.  
  18. Tenen el tronc ample i curt. Es coneixen 353 espècies de tortugues.[3]
  19.  
  20. Igual que tots els rèptils actuals, les tortugues són animals ectoterms, el que significa que la seva activitat metabòlica depèn de la temperatura externa o ambiental. La reproducció és ovípara i la incubació va a càrrec de la radiació solar. És proverbial l'extrema longevitat de les tortugues; diverses espècies poden viure 100 anys o més.
  21.  
  22. N'hi ha d'hàbitats terrestres i n'hi ha d'aquàtiques, marines o d'aigua dolça. Les d'hàbitat terrestre presenten dits lliures, mentre que les aquàtiques tenen les extremitats transformades en aletes o bé els dits units per una membrana. Les tortugues són especialment herbívores.</p>
  23. </body>
  24. </html>
  25.  
  26. css
  27. #imagen {
  28. background-image: url("tortugi.jpg");
  29. background-size: 100%;
  30. padding-top: 40px;
  31. padding-bottom: 100px;
  32. height : 200px;
  33. background-repeat: no-repeat;
  34. }
  35. #titulo {
  36. font-size: 40px;
  37. margin-top: -50px;
  38. margin-left: 20px;
  39. font-family: "Rasa Light";
  40. text-shadow: 1px 1px 0 black;
  41. }
  42. #texto {
  43. font-size: 20px;
  44.  
  45. }
  46.  
  47. js
  48. const titulo = document.getElementById("titulo");
  49. const imagen = document.getElementById("imagen")
  50. imagen.scroll(function() {
  51. $(".imagen").toggleClass(newClass, imagen.scrollTop() >= 50);
  52. });
  53.  
Advertisement
Add Comment
Please, Sign In to add comment