Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Skrypt przesuwania tekstu
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
tajniak_c
Hej! Poszukuje skryptu do przesuwania tekstu. Coś na styl animacji w HTML ale coś precyzyjniejszego. Dobrze byłoby jakby po najechaniu na tą ramkę/diva czy cokolwiek tekst zatrzymywał się.
flashdev
Myślę, że tutaj coś znajdziesz.
f(x)
Ajax
wookieb
A co z tym wspólnego ma ajax? Nic. Więc zamiast nabijać posty zachowaj takie bezmyślne teksty dla Siebie.
nekomata
Kurde drugi post dzisiaj a te same linki pasuja...
Marqee wspomagane jqery
Albo
jScroller
tajniak_c
Pobrałem ten jQuery Marquee i wystąpił mi konflikt z LightBoxem. Próbowałem to jakoś załagodzić i przesuwanie tekstu działa ale lightbox nie:
  1. <script type="text/javascript">
  2. <!--
  3. var funkcja1 = {};
  4. funkcja1.query = jQuery.noConflict(true);
  5. funkcja1.query(function ()
  6. {
  7. funkcja1.query('div.pasek_sponsorzy marquee').marquee('pointer').mouseover(function () {
  8. funkcja1.query(this).trigger('stop');
  9. }).mouseout(function () {
  10. funkcja1.query(this).trigger('start');
  11. }).mousemove(function (event) {
  12. if (funkcja1.query(this).data('drag') == true) {
  13. this.scrollLeft = $(this).data('scrollX') + (funkcja1.query(this).data('x') - event.clientX);
  14. }
  15. }).mousedown(function (event) {
  16. funkcja1.query(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
  17. }).mouseup(function () {
  18. funkcja1.query(this).data('drag', false);
  19. });
  20. });
  21. //-->
  22. </script>


Cała deklaracja skryptów w HEAD:
  1. <script src="skrypt/jquery-1.2.6.js" type="text/javascript"></script>
  2.  
  3. <script type="text/javascript" src="skrypt/prototype.js"></script>
  4.  
  5. <script type="text/javascript" src="skrypt/scriptaculous.js?load=effects,builder"></script>
  6.  
  7. <script type="text/javascript" src="skrypt/lightbox.js"></script>
  8.  
  9. <script src="skrypt/jquery.marquee.js" type="text/javascript"></script>
  10.  
  11. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  12.  
  13. <script type="text/javascript">
  14. <!--
  15. var funkcja1 = {};
  16. funkcja1.query = jQuery.noConflict(true);
  17. funkcja1.query(function ()
  18. {
  19. funkcja1.query('div.pasek_sponsorzy marquee').marquee('pointer').mouseover(function () {
  20. funkcja1.query(this).trigger('stop');
  21. }).mouseout(function () {
  22. funkcja1.query(this).trigger('start');
  23. }).mousemove(function (event) {
  24. if (funkcja1.query(this).data('drag') == true) {
  25. this.scrollLeft = $(this).data('scrollX') + (funkcja1.query(this).data('x') - event.clientX);
  26. }
  27. }).mousedown(function (event) {
  28. funkcja1.query(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
  29. }).mouseup(function () {
  30. funkcja1.query(this).data('drag', false);
  31. });
  32. });
  33. //-->
  34. </script>
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-2024 Invision Power Services, Inc.