Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Latający obiekt na stronę
Forum PHP.pl > Forum > Przedszkole
cypeczek
Witam, mam pytanie jak mam zrobić latający obiekt na stronkę? Tak aby polatał chwilę po stronie a potem zatrzymał się w pewnym miejscu. Myślałem o flashu, ale wtedy mógłby się poruszać tylko po obszarze bannera który nie mógłby byc duży bo nie mam miejsca na taki. Np żeby gif latał sobie po stronie. Jak to zrobić?
zamper
  1. <div id="img" style="position:absolute;">
  2. <img src="ed.gif" onMouseDown="pauseResume();"></div>
  3. <script LANGUAGE="JavaScript">
  4. <!-- Original: Justin Arruda (JArruda@mindspring.com) -->
  5. <!-- Begin
  6.  
  7. var step = 1;
  8. var delay = 30;
  9. var height = 0;
  10. var Hoffset = 0;
  11. var Woffset = 0;
  12. var yon = 0;
  13. var xon = 0;
  14. var pause = true;
  15. var interval;
  16. var name = navigator.appName;
  17. if(name == "Microsoft Internet Explorer") name = true;
  18. else name = false;
  19. var xPos = 20;
  20. if(name) var yPos = document.body.clientHeight;
  21. else var yPos = window.innerHeight;
  22. function changePos() {
  23. if(name) {
  24. width = document.body.clientWidth;
  25. height = document.body.clientHeight;
  26. Hoffset = img.offsetHeight;
  27. Woffset = img.offsetWidth;
  28. img.style.left = xPos + document.body.scrollLeft;
  29. img.style.top = yPos + document.body.scrollTop;
  30. }
  31. else {
  32. height = window.innerHeight;
  33. width = window.innerWidth;
  34. Hoffset = document.img.clip.height;
  35. Woffset = document.img.clip.width;
  36. document.img.pageY = yPos + window.pageYOffset;
  37. document.img.pageX = xPos + window.pageXOffset;
  38. }
  39. if (yon) {
  40. yPos = yPos + step;
  41. }
  42. else {
  43. yPos = yPos - step;
  44. }
  45. if (yPos < 0) {
  46. yon = 1;
  47. yPos = 0;
  48. }
  49. if (yPos >= (height - Hoffset)) {
  50. yon = 0;
  51. yPos = (height - Hoffset);
  52. }
  53. if (xon) {
  54. xPos = xPos + step;
  55. }
  56. else {
  57. xPos = xPos - step;
  58. }
  59. if (xPos < 0) {
  60. xon = 1;
  61. xPos = 0;
  62. }
  63. if (xPos >= (width - Woffset)) {
  64. xon = 0;
  65. xPos = (width - Woffset);
  66. }
  67. }
  68. function start() {
  69. if(name) img.visibility = "visible";
  70. else document.img.visibility = "visible";
  71. interval = setInterval('changePos()',delay);
  72. }
  73. function pauseResume() {
  74. if(pause) {
  75. clearInterval(interval);
  76. pause = false;
  77. }
  78. else {
  79. interval = setInterval('changePos()',delay);
  80. pause = true;
  81. }
  82. }
  83. start();
  84. // End -->
  85. </script>



http://forum.skryptoteka.pl/latajacy-gif-p-t152.html
cypeczek
W tym skrypcie muszę coś modyfikować? Bo jak dodaje i zmieniam link obrazka to jest ale tylko stoi w miejscu jednym, a nie porusza się.
zamper
na ff to nie działa
cypeczek
na operze też nie czyli pewnie tylko na Ie, jest możę jakiś inny który by działał na wszystkich przeglądarkach? Może być js, php czy jquery. A może ktoś odpłatnie by to napisał dla mnie? jeżeli ktoś wie jak proszę o info na PW.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.