Advertisement
Guest User

Untitled

a guest
Mar 19th, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <style type"text/css">
  6. #napis
  7. {
  8. position: absolute;
  9. background-color: #3ff;
  10. width: 210px;
  11. float: left;
  12. }
  13. #napis1
  14. {
  15. position: absolute;
  16. background-color: #3ff;
  17. width: 210px;
  18. float: right;
  19. }
  20. </style>
  21. <script type="text/javascript">
  22. function Animacja()
  23. {
  24. var blok = document.getElementById('napis');
  25. if (parseInt(blok.style.left) < 5)
  26. {
  27.  
  28. blok.style.left= "1000px";
  29. }
  30. else
  31. {
  32. blok.style.left =(parseInt(blok.style.left) - 3)+"px";
  33. }
  34. }
  35. window.setInterval("Animacja()",10)
  36.  
  37.  
  38. function Animacja2()
  39. {
  40. var blok1 = document.getElementById('napis1');
  41. if (parseInt(blok1.style.right) < 5)
  42. {
  43.  
  44. blok1.style.right= "1000px";
  45. }
  46. else
  47. {
  48. blok1.style.right =(parseInt(blok1.style.right) - 3)+"px";
  49. }
  50. }
  51. window.setInterval("Animacja2()",10)
  52.  
  53. </script>
  54. </head>
  55. <body>
  56. <div id="napis" style="left: 300px;">JavaScript -język skryptowy:-)</div><br>
  57. <div id="napis1" style="right: 300px;">JavaScript -język skryptowy:-)</div>
  58. </body>
  59. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement