Függőleges Szöveg Scroll (I.):
A DEMÓ-t próbáld ki!
Forrás:
<BODY </BODY> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen //SCROLLSZÖVEGET ITT KELL BEÍRNI var content='<p>Látogass máskor is a <<a href="http://atlanta.uw.hu/">Atlanta</a>> oldalaira, ahol már több, mint 200 JavaScript demót találsz.<br><br>Köztük ezt a szöveg scroll scriptet is.<hr><img src="atlanta.jpg" border=0 width=250 height=200><hr>Ha felhasználsz innen egy scriptet weboldalaidon, tegyél rá egy linket, ami ide mutat.<br>Köszi!</p>'; var boxheight=150; // scrollterület magassága px-ben var boxwidth=200; // scrollterület szélessége px-ben var boxcolor="#FFF6e9"; // háttér szín var speed=50; // sebesség millisec-ban var pixelstep=2; // lépések px-ben var godown=false; // lefelé = TRUE , felfelé = FALSE // innen ne változtass !!! var outer,inner,elementheight,ref,refX,refY; var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var txt=''; if(ns4){ txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>'; txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>'; txt+='</td></tr></table>' txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>'; txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>'; txt+='</layer>'; }else{ txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>'; txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >'; txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>'; txt+='</div>'; } document.write(txt); function getElHeight(el){ if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top; else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight; else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight); } function getPageLeft(el){ var x; if(ns4)return el.pageX; if(ie4||w3c){ x = 0; while(el.offsetParent!=null){ x+=el.offsetLeft; el=el.offsetParent; } x+=el.offsetLeft; return x; }} function getPageTop(el){ var y; if(ns4)return el.pageY; if(ie4||w3c){ y=0; while(el.offsetParent!=null){ y+=el.offsetTop; el=el.offsetParent; } y+=el.offsetTop; return y; }} function scrollbox(){ if(ns4){ inner.top+=(godown)? pixelstep: -pixelstep; if(godown){ if(inner.top>boxheight)inner.top=-elementheight; }else{ if(inner.top<2-elementheight)inner.top=boxheight+2; }}else{ inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px'; if(godown){ if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px'; }else{ if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px'; }}} window.onresize=function(){ if(ns4)setTimeout('history.go(0)', 400); else{ outer.style.left=getPageLeft(ref)+'px'; outer.style.top=getPageTop(ref)+'px'; }} window.onload=function(){ outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer'); inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner'); ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref'); elementheight=getElHeight(inner); if(ns4){ outer.moveTo(getPageLeft(ref),getPageTop(ref)); outer.clip.width=boxwidth; outer.clip.height=boxheight; inner.top=(godown)? -elementheight : boxheight-2; inner.clip.width=boxwidth-4; inner.clip.height=elementheight; outer.visibility="show"; inner.visibility="show"; }else{ outer.style.left=getPageLeft(ref)+'px'; outer.style.top=getPageTop(ref)+'px'; inner.style.top=((godown)? -elementheight : boxheight)+'px'; inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)'; outer.style.visibility="visible"; } setInterval('scrollbox()',speed); } // eddig --> </SCRIPT> <!-- SCRIPT INDÍTÁSA A BODY-ból --> <BODY onLoad="start()">
Vízszintes Szöveg Scroll:
A DEMÓ-t próbáld ki!
Forrás:
<BODY </BODY> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen //szélessége var swidth=350 //magassága var sheight=72 //sebessége var sspeed=2 //tartalma var singletext=new Array() singletext[0]='<div align="center"><font face=Arial size=3 color="white"><b>multi scroll. Szöveg szín sebesség, stílus beállítható.<br><u>Hivatkozások</u>, képek beilleszthetők. </b></div></FONT>' singletext[1]='<div align="center"><img src="/img/1.gif" width="100" height="39" border="0"></div>' singletext[2]='<div align="center"><font face=Arial size=3 color="white">Csak kimásolod és használhatod!</font></div>' singletext[3]='<div align="center"><font face=Arial size=3 color="white"><b>Atlanta.uw.hu</b></font></div>' if (singletext.length>1) i=1 else i=0 function start(){ if (document.all){ ieslider1.style.top=sheight iemarquee(ieslider1) } else if (document.layers){ document.ns4slider.document.ns4slider1.top=sheight document.ns4slider.document.ns4slider1.visibility='show' ns4marquee(document.ns4slider.document.ns4slider1) } else if (document.getElementById&&!document.all){ document.getElementById('ns6slider1').style.top=sheight ns6marquee(document.getElementById('ns6slider1')) } } function iemarquee(whichdiv){ iediv=eval(whichdiv) if (iediv.style.pixelTop>0&&iediv.style.pixelTop<=sspeed){ iediv.style.pixelTop=0 setTimeout("iemarquee(iediv)",100) } if (iediv.style.pixelTop>=sheight*-1){ iediv.style.pixelTop-=sspeed setTimeout("iemarquee(iediv)",100) } else{ iediv.style.pixelTop=sheight iediv.innerHTML=singletext[i] if (i==singletext.length-1) i=0 else i++ } } function ns4marquee(whichlayer){ ns4layer=eval(whichlayer) if (ns4layer.top>0&&ns4layer.top<=sspeed){ ns4layer.top=0 setTimeout("ns4marquee(ns4layer)",100) } if (ns4layer.top>=sheight*-1){ ns4layer.top-=sspeed setTimeout("ns4marquee(ns4layer)",100) } else{ ns4layer.top=sheight ns4layer.document.write(singletext[i]) ns4layer.document.close() if (i==singletext.length-1) i=0 else i++ } } function ns6marquee(whichdiv){ ns6div=eval(whichdiv) if (parseInt(ns6div.style.top)>0&&parseInt(ns6div.style.top)<=sspeed){ ns6div.style.top=0 setTimeout("ns6marquee(ns6div)",100) } if (parseInt(ns6div.style.top)>=sheight*-1){ ns6div.style.top=parseInt(ns6div.style.top)-sspeed setTimeout("ns6marquee(ns6div)",100) } else{ ns6div.style.top=sheight ns6div.innerHTML=singletext[i] if (i==singletext.length-1) i=0 else i++ } } // eddig --> </SCRIPT> <div align="center"> <span style="border-width:1; border-color:red; width:350; height:72; background-color:navy"> <ilayer id="ns4slider" width="&{swidth};" height="&{sheight};"> <layer id="ns4slider1" height="&{sheight};" onmouseover="sspeed=0;" onmouseout="sspeed=2"> <script language="JavaScript"> if (document.layers) document.write(singletext[0]) </script> </layer></ilayer> <script language="JavaScript"> if (document.all){ document.writeln('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);border:1 solid red;" onmouseover="sspeed=0;" onmouseout="sspeed=2">') document.writeln('<div id="ieslider1" style="position:relative;width:'+swidth+';">') document.write(singletext[0]) document.writeln('</div></div>') } if(document.getElementById&&!document.all){ document.writeln('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);border:1px solid red;" onmouseover="sspeed=0;" onmouseout="sspeed=2">') document.writeln('<div id="ns6slider1" style="position:relative;width:'+swidth+';">') document.write(singletext[0]) document.writeln('</div></div>') } </script></span> </div> <!-- SCRIPT INDÍTÁSA A BODY-ból --> <BODY onLoad="start()">
Függőleges Szöveg Scroll (III.):
A DEMÓ-t próbáld ki!
Forrás:
<BODY </BODY> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen <!-- A BEILLESZTÉS HELYÉRE --> document.write('<center><marquee id="iescroller" direction="up" width="30%" height="70" scrollamount="2" scrolldelay="100" bgcolor="green">'); iescroller.onmouseover=new Function("iescroller.scrollAmount=0"); iescroller.onmouseout=new Function("iescroller.scrollAmount=2"); document.write('<font size="4" face="Arial" color="yellow">') document.write('<Div align="center">Ez a szöveg helye.</div><br><br>'); document.write('<Div align="center">ez a szöveg helye.</div><br><br>'); document.write('<Div align="center">ez a szöveg helye.</div><br><br>'); document.write('<Div align="center">atlanta.uw.hu</div><br><br>'); document.write('</font>'); document.write('</marquee></center>'); // eddig --> </SCRIPT> --------------------<!-- Stíluselemmel feljavított változat -->---------------------------- ||||||| ||||||| ||||||| ||||||| vvvvvvvvvvvvvvv vvvvvvvvvvvvv vvvvvvvvv <SCRIPT LANGUAGE="JavaScript"> <!-- innen document.write('<marquee id="iescroller" direction="up" width="30%" height="70" scrollamount="2" scrolldelay="100" style="position: absolute; top: 100; left: 200; border:3 solid red;background-color:black">'); iescroller.onmouseover=new Function("iescroller.scrollAmount=0"); iescroller.onmouseout=new Function("iescroller.scrollAmount=2"); document.write('<font size="4" face="Arial" color="yellow">') document.write('<Div align="center">Ez egy egyszerű szövegscroll.</div><br><br>'); document.write('<Div align="center">Minden beállítható benne.</div><br><br>'); document.write('<Div align="center">Vannak <a href="index.php">más ilyen scriptek is.</div><br><br>'); document.write('<Div align="center">atlanta.uw.hu.</div><br><br>'); document.write('</font>'); document.write('</marquee>'); // eddig --> </SCRIPT>
Vízszintes Szöveg Scroll :
A DEMÓ-t próbáld ki!
Forrás:
<HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen ScrollSpeed = 200; // a scroll sebesége ScrollChars = 1; function ScrollMarquee() { window.setTimeout('ScrollMarquee()', ScrollSpeed); var msg = document.scrollform.box.value; document.scrollform.box.value = msg.substring(ScrollChars) + msg.substring(0, ScrollChars); } // eddig --> </SCRIPT>
<BODY </BODY> közé másolnod:
Kimásolás
<!-- SZÖVEG BEILLESZTÉSE --> <FORM method="get" name="scrollform"> <input name="box" type="text" size="30" value="*** Ezt a mozgó szöveget JavaScript generálta...Nézd meg a többi scriptet is!...érdemes...TWM ***" onFocus="javascript:this.value='';ScrollSpeed=99999;"> </FORM> <!-- A SCRIPTET A BODY-ból INDÍTJUK --> <BODY OnLoad="javascript:ScrollMarquee()">
Napszakonként ismétlődő szövegscroll:
A DEMÓ-t próbáld ki!
Forrás:
<BODY </BODY> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen document.write("<P align='center'>CENTER><B>") day = new Date() hr = day.getHours() if ((hr == 1) || (hr == 2)) document.write("Holnap is van egy nap!...Már tényleg ideje lefeküdni.") if (hr == 3) document.write("Már elmúlt 3 óra! Ilyenkor már csak a szellemek és a vámpírok vannak fent!") if (hr == 4) document.write("Még csak 4 óra múlt... Aludj még egy kicsit!") if (hr == 5) document.write("Jó reggelt! Még épp hogy felkelt a nap...") if (hr == 6) document.write("Ilyen korán bekapcsoltad a számítógépedet?") if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10)) document.write("Jó reggelt! Ideje csinálni valamit...(mondjuk szörfözni a neten '-) )") if (hr == 11) document.write("11 óra....lassan ebédidő van...") if (hr == 12) document.write("Dél van... Jó étvágyat!") if (hr == 14) document.write("Nem innál még egy kávét??") if ((hr == 13) || (hr == 15) || (hr == 16)) document.write("Kellemes délutánt!") if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr == 22)) document.write("Jó estét! Ez a legjobb idő szörfözni a neten!") if (hr == 23) document.write("Mindjárt éjfél van...Nem vagy még álmos?") if (hr == 0) document.write("Elmúlt éjfél...Most már menni kellene aludni!") document.write("</B></P>") // eddig --> </SCRIPT>
Szöveg Váltó:
A DEMÓ-t próbáld ki!
Forrás:
<BODY </BODY> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen var beforeMsg = "<CENTER><P><B>"; var afterMsg = "</B></P></CENTER>"; var msgRotateSpeed = 2000; // Váltás üteme (millisec.) var textStr = new Array(); textStr[0] = "Szövegek egymás után"; textStr[1] = "Miért ne tennéd a lapodra?"; textStr[2] = "kipróbálva IE6 és NS6 böngészőkben"; textStr[3] = "A te böngésződ: "+navigator.userAgent+""; if (document.layers) { document.write('<ilayer id="NS4message" height=25 width=100%><layer id="NS4message2" height=25 width=100%></layer></ilayer>') temp = 'document.NS4message.document.NS4message2.document.write(beforeMsg + textStr[i++] + afterMsg);'+ 'document.NS4message.document.NS4message2.document.close()'; } else if (document.getElementById) { document.write(beforeMsg + '<div id="message" style="position:relative;">IE division</div>' + afterMsg); temp = 'document.getElementById("message").firstChild.nodeValue = textStr[i++];'; } else if (document.all) { document.write(beforeMsg + '<div id="message" style="position:relative;">IE division</div>' + afterMsg); temp = 'message.innerHTML = textStr[i++];'; } var i = 0; function msgRotate() { eval(temp); if (i == textStr.length) i = 0; setTimeout("msgRotate()", msgRotateSpeed); } window.onload = msgRotate; // eddig --> </SCRIPT>
Állapotsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás:
<HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen /* function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } slide = new initArray(4) slide[0]="üzenet 1" slide[1]="üzenet 2" slide[2]="üzenet 3" slide[3]="végül üzenet 4" var delay1 = 3 var delay2 = 3000 var text = slide[0] + " " var str = " " var leftmsg = "" var nextmsg = 0 function setMessage() { if (str.length == 1) { while (text.substring(0, 1) == " ") { leftmsg += str str = text.substring(0, 1) text = text.substring(1, text.length) } leftmsg += str str = text.substring(0, 1) text = text.substring(1, text.length) for (var x = 0; x < 120; x++) { str = " " + str } } else { str = str.substring(10, str.length) } window.status = leftmsg + str if (text == "") { str = " " nextmsg++ if (nextmsg > slide.length) { nextmsg = 0 } text = slide[nextmsg] + " " leftmsg = "" setTimeout('setMessage()',delay2) } else { setTimeout('setMessage()',delay1) } } setMessage(); // eddig --> </SCRIPT>
Állapotsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás:
<HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var text = new initArray( "Ez egy mozgó status-sor szöveg...", "Van még számos hasonló...", "A ThomasWebMűhely javascript archívumában...!!!"); var speed = 50; // sebesség var speed2 = 1000; // ismétlés sebesség var whereat = 0; var whichone = 0; function waveb() { var befor = text[whichone].substring(0,whereat); var wave = text[whichone].substring(whereat,whereat+1).toUpperCase(); window.status = befor + wave; if (whereat == text[whichone].length) { whereat = 0; ++whichone; if (whichone == text.length) whichone = 0; setTimeout("waveb()",speed2); } else { whereat++; setTimeout("waveb()",speed); } } waveb(); // eddig --> </SCRIPT>
Link Magyarázó az állapotsorban(I.):
A DEMÓ-t próbáld ki!
Forrás:
<HEAD </HEAD> közé másolnod:
Kimásolás
<A HREF="#" onMouseOver="window.status='Ne klikkelj ide, nincs ott semmi...ez csak egy demo'; return true;"onMouseOut="window.status='';">DEMO</A>
Állapotsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás: <HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen var text = "Ide írd a szövegedet" var speed = 200 var x = 0 function bb() { var a = text.substring(0,x) var b = text.substring(x,x+1).toUpperCase() var c = text.substring(x+1,text.length) window.status = a + b + c if (x == text.length) { x = 0 } else { x++ } setTimeout("bb()",speed) } bb(); // eddig --> </SCRIPT>
Állapotsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás: <HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen var yourwords="Villogó szöveg..."; var speed=400; var control=1; function flash() { if (control==1){ window.status=yourwords;control=0 } else { window.status="";control=1 } setTimeout("flash();",speed) }; flash(); // eddig --> </SCRIPT>
Állapotsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás: <HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen function scrollit(seed) { var m1 = "Mozgó szöveg az állapotsorban"; var m2 = ".....Köszi a látogatást! "; var m3 = "......atlanta.uw.hu "; var m4 = ""; var msg=m1+m2+m3+m4; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } // eddig --> </SCRIPT>
Címsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás: <HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen <SCRIPT language="javascript"> <!-- var repeat=1 //1: folyamatosan mozog, 0: csak 1x mozog var title=document.title var leng=title.length var start=1 function titlemove() { titl=title.substring(start, leng) + title.substring(0, start) document.title=titl start++ if (start==leng+1) { start=0 if (repeat==0) return } setTimeout("titlemove()",140) } if (document.title) titlemove() //-- --> </SCRIPT> // eddig --> </SCRIPT>
Cserélődő címsor Efekt (I.):
A DEMÓ-t próbáld ki!
Forrás: <HEAD </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen var valtas=5000; //váltás intervallum var melyik=0; szoveg=new Array(); szoveg[1]="első címszöveg"; szoveg[2]="második címszöveg"; szoveg[3]="harmadik címszöveg"; szoveg[4]="negyedik címszöveg"; szoveg[5]="ötödik címszöveg"; szoveg[6]="hatodik címszöveg"; szoveg[7]="hetedik címszöveg"; function AStatuS(){ melyik+=1; if (melyik == szoveg.length)melyik=1; document.title=szoveg[melyik]; valtasC=setTimeout("AStatuS();",valtas); } AStatuS(); // eddig --> </SCRIPT>