Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Marqee w JS
Forum PHP.pl > Forum > PHP
brutus994
Witam ma problem. Od dawna nie udało mi się znaleźć skryptu który wyglądał by jak Marqee ale działa płynniej, zatrzymywał się po najechaniu myszką. Wymiary to 1114 na 46. Znalazłem jedne który mi się spodobał ale jest problem bo tak działa:
  1. <div>
  2. <script type="text/javascript">
  3. // Marquee script written by blue
  4. // licensed under Creative Common license
  5. // <a href="http://creativecommons.org/licenses/by-sa/2.5/pl/" target="_blank">http://creativecommons.org/licenses/by-sa/2.5/pl/</a>
  6. function marquee(x,typ,p){
  7. typ={
  8. 'up':[-1,'top','offsetHeight'],
  9. 'down':[1,'top','offsetHeight'],
  10. 'left':[-1,'left','offsetWidth'],
  11. 'right':[1,'left','offsetWidth']
  12. }[typ];
  13. var m=this,mOut,mIn,turlaj,T,i=typ[0],j=0,p=p||30;
  14. (mOut=document.getElementById(x)).onmouseover=function(){T=clearInterval(T)};
  15. mOut.appendChild((mIn=mOut.childNodes)[0].cloneNode(1));
  16. mOut.onmouseout=function(e){
  17. e=e||event;e=e.toElement||e.relatedTarget;
  18. if(e)do{if(e==this)return!1}while(e=e.parentNode)
  19. T=setInterval(turlaj,p)
  20. };
  21. mOut=mIn[0][typ[2]];
  22. turlaj=function(){
  23. mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*mOut?(j=(-i-1)/2*mOut+i):j)+'px';
  24. mIn[1].style[typ[1]]=j+mOut+'px';
  25. }
  26. T=setInterval(turlaj,p);
  27. }
  28. </script>
  29.  
  30. <div id="id_przewijaczki" style="position: relative; width: 1114px; height: 46px; overflow: hidden;"><div style="position: absolute;">
  31. <b>To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS!</b>
  32. </div></div>
  33. <script type="text/javascript">
  34. onl=window.onload||new Function;
  35. onload=function(){
  36. onl();
  37. new marquee('id_przewijaczki','left')
  38. }
  39. </script>
  40. </div>

nizio.org/portal/

Trochę dziwnie. Nie wiem może to wina kodu, lub kodu plików portalu (Silnik DLE). Proszę nie usuwać tematu jeżeli źle napisany proszę powiedzieć i dać mi ostrzeżenie. I nie to nie jest SPAM ani reklama, proszę tylko o pomoc przy moim problemie.

Z góry dziękuje za pomoc.
php__amator
Zmień wysokość DIV z 46px na 20px i po klopocie

na czerwono smile.gif
  1. <div>
  2. <script type="text/javascript">
  3. function marquee(x,typ,p){
  4. typ={
  5. 'up':[-1,'top','offsetHeight'],
  6. 'down':[1,'top','offsetHeight'],
  7. 'left':[-1,'left','offsetWidth'],
  8. 'right':[1,'left','offsetWidth']
  9. }[typ];
  10. var m=this,mOut,mIn,turlaj,T,i=typ[0],j=0,p=p||30;
  11. (mOut=document.getElementById(x)).onmouseover=function(){T=clearInterval(T)};
  12. mOut.appendChild((mIn=mOut.childNodes)[0].cloneNode(1));
  13. mOut.onmouseout=function(e){
  14. e=e||event;e=e.toElement||e.relatedTarget;
  15. if(e)do{if(e==this)return!1}while(e=e.parentNode)
  16. T=setInterval(turlaj,p)
  17. };
  18. mOut=mIn[0][typ[2]];
  19. turlaj=function(){
  20. mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*mOut?(j=(-i-1)/2*mOut+i):j)+'px';
  21. mIn[1].style[typ[1]]=j+mOut+'px';
  22. }
  23. T=setInterval(turlaj,p);
  24. }
  25. </script>
  26.  
  27. <div id="id_przewijaczki" style="position: relative; width: 1114px; height: 20px; overflow: hidden;"><div style="position: absolute; height: 20px;">
  28. <b>To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS</b></div></div>
  29. <script type="text/javascript">
  30. onl=window.onload||new Function;
  31. onload=function(){
  32. onl();
  33. new marquee('id_przewijaczki','left')
  34. }
  35. </script>
  36. </div>



  1. 1.<div>2.<script type="text/javascript">3.function marquee(x,typ,p){4. typ={5. 'up':[-1,'top','offsetHeight'],6. 'down':[1,'top','offsetHeight'],7. 'left':[-1,'left','offsetWidth'],8. 'right':[1,'left','offsetWidth']9. }[typ];10. var m=this,mOut,mIn,turlaj,T,i=typ[0],j=0,p=p||30;11. (mOut=document.getElementById(x)).onmouseover=function(){T=clearInterval(T)};12. mOut.appendChild((mIn=mOut.childNodes)[0].cloneNode(1));13. mOut.onmouseout=function(e){14. e=e||event;e=e.toElement||e.relatedTarget;15. if(e)do{if(e==this)return!1}while(e=e.parentNode) 16. T=setInterval(turlaj,p)17. };18. mOut=mIn[0][typ[2]];19. turlaj=function(){20. mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*mOut?(j=(-i-1)/2*mOut+i):j)+'px';21. mIn[1].style[typ[1]]=j+mOut+'px';22. }23. T=setInterval(turlaj,p); 24.}25.</script>26. 27.<div id="id_przewijaczki" style="position: relative; width: 1114px; height: 20px; overflow: hidden;"><div style="position: absolute; height: 20px;">28. <b>To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS! To jest NEWS</b></div></div>29.<script type="text/javascript">30.onl=window.onload||new Function;31.onload=function(){32. onl();33. new marquee('id_przewijaczki','left')34.}35.</script>36.</div>


cos mi sie posypało połączenie, w linii 27 zmien oba parametry wysokosci na 20px
sorki za powielone posty smile.gif
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.