Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Marqee w JS
brutus994
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 13.08.2011

Ostrzeżenie: (0%)
-----


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.

Ten post edytował brutus994 13.08.2011, 17:28:29
Go to the top of the page
+Quote Post
php__amator
post
Post #2





Grupa: Zarejestrowani
Postów: 217
Pomógł: 1
Dołączył: 26.05.2011
Skąd: Moon

Ostrzeżenie: (10%)
X----


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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 14:09