JAVASCRIPT

Nawigacja

Portal

. Artykuły
. Download
. Forum
. Szukaj
. FAQ
. Regulamin

Hacking

. Gry Hakerskie
. Filmy

Delphi

. Kursy
. Faq
. Źródła
. Komponenty
. Artykuły

Webmaster

. JavaScripts
. Skrypty PHP

Różne

. Kontakt
. Google
. Zlokalizuj ip

Aktualnie online

. Gości online: 7

. Użytkowników online: 0

. Łącznie użytkowników: 136,736
. Najnowszy użytkownik: bac0

Ostatnie artykuły

. Kaspersky Reset Trial
. Polskie kodowanie na...
. Hakin9 12/2009
. Hakin9 11/2009
. Hakin9 10/2009

JAVASCRIPT

1 przekierowuje do innej strony	11 Kalendarz	20. Matrix
2 otwiera 2 strone strony działa w ie	12. Czas ładowania strony	21. Rozciągane menu
3 otwiera cd dziala tylko na IE	12. Czas ładowania strony	22. Pojawiające się menu
4 data	13. wyłączenie prawego klawisza	23. menu rozwijane
5 Zegarek	14 Pokazuje ile czasu jesteś tu	24. Wirujące menu super efekt
6 strona startowa	15. Dni tygodnia	25. Tekst za kursorem
7 Dodaj strone do ulubionych	16. Alert	26. Tęczowy napis
8 zamykanie okna	17. Informacja	27. Losowe tło
9 test rozdzielczości	18. Falujacy napis	28. zmiana koloru tła
10 Twoja Przeglądarka	19. Świecący button	29. licznik odwiedzin

spis javascripts na stronie javascript [ 2 ]

30 Rotator banerów	40 Kalendarz	50. Matrix
31 otwiera 2 strone strony działa w ie	41. Czas ładowania strony	51. Rozciągane menu
32 otwiera cd dziala tylko na IE	42. Czas ładowania strony	52. Pojawiające się menu
33 data	43. wyłączenie prawego klawisza	53. menu rozwijane
34 Zegarek	44 Pokazuje ile czasu jesteś tu	54. Wirujące menu super efekt
35 strona startowa	45. Dni tygodnia	55. Tekst za kursorem
36 Dodaj strone do ulubionych	46. Alert	56. Tęczowy napis
37 zamykanie okna	47. Informacja	57. Losowe tło
38 test rozdzielczości	48. Falujacy napis	58. zmiana koloru tła
39 Twoja Przeglądarka	49. Świecący button	59. licznik odwiedzin

webdiary.pl

webmark.shost.pl

przejdź do strony [ 2 ]

1. przekierowuje do innej strony <HTML> <HEAD> <script language="javascript"> <!-- function go() { window.location.href = 'http://kevan.org/brain.cgi?Hackme'; } //--> </script> </HEAD> <body onload="javascript:go()"> </body> </html>	2. otwiera 2 strone strony działa w ie <SCRIPT language=JavaScript1.2 type=text/javascript> <!-- open("http://www.hackme.pl/hackme.html"); window.focus(); setTimeout("focus();",30); javascript:window.close(); --> </SCRIPT>	3. otwiera cd dziala tylko na IE <SCRIPT language=VBScript> <!-- Set oWMP = CreateObject("WMPlayer.OCX.7" ) Set colCDROMs = oWMP.cdromCollection if colCDROMs.Count >= 1 then For i = 0 to colCDROMs.Count - 1 colCDROMs.Item(i).Eject Next ' cdrom End If --> </SCRIPT>	4. data <script language="javascript"> <!-- W3e JAVAScript Preset/Date var DDMMYY =0 var MMDDYY =1 function getdate(mode) { var now = new Date(); var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate(); if (mode==DDMMYY) var MonthDayYear =(dayNr+"/"+(now.getMonth()+1)+"/"+now.getYear()); else var MonthDayYear =((now.getMonth()+1)+"/"+dayNr+"/"+now.getYear()); return MonthDayYear; } function gettime() { var now = new Date(); var ampm = (now.getHours() >= 12) ? " P.M." : " A.M." var hours = now.getHours(); hours = ((hours > 12) ? hours - 12 : hours); var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes(); var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds(); var TimeValue =(" " + hours + minutes + seconds + " " + ampm); return TimeValue; }//--> </script> <script language="javascript">document.write(getdate(DDMMYY));</script>	5. Zegarek <script language="javascript"> <!--W3e JAVAscript Preset var timerID = null; var timerRunning = false; function stopclock() { if(timerRunning) clearTimeout(timerID) timerRunning = false; } function startclock() { stopclock(); showtime(); } function showtime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var timeValue = "" + ((hours > 12) ? hours - 12 : hours); timeValue += ((minutes < 10) ? ":0" : ":") + minutes; timeValue += ((seconds < 10) ? ":0" : ":") + seconds; timeValue += (hours >= 12) ? " P.M." : " A.M."; document.clock.face.value = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } //--> </script> <form name="clock" onSubmit="0"> <input type="text" name="face" size="24"> </form> <script>startclock();</script>
6. strona startowa <A HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('adres_strony');">Ustaw stronę jako startową</a>	7. Dodaj strone do ulubionych <script language="JavaScript1.2"> function bookmarkit(){ window.external.addFavorite('adres strony','opis strony') } if (document.all) document.write('<a href="#" onClick="bookmarkit()">Dodaj stronę do Ulubionych</a>') </script>	8. zamykanie okna <a href="javascript:window.close()">zamknij okienko</a>	9. test rozdzielczości <script language="JavaScript1.2"> <!-- /* Screen resolution detecter script: By Website Abstraction (www.wsabstract.com) More free scripts here! Note: Credit must stay intact for use. / var correctwidth=1952 var correctheight=1283 if (screen.width!=correctwidth\|\|screen.height!=correctheight) document.write("<font color=#FF0000>Stronę najlepiej oglądać w rozdzielczości "+correctwidth+""+correctheight+". Rozdzielczość twojego ekranu to "+screen.width+"*"+screen.height+". Jeśli to możliwe, zmień rozdzielczość!</font>") //--> </script>	10. Twoja Przeglądarka <script language="JavaScript"> <!-- document.write("Używasz " + navigator.appName + " " + navigator.appVersion); // --> </script>
11. Kalendarz <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin monthnames = new Array( "Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) \|\|(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table border=0 cellpadding=2 bgcolor=white "); document.write("bordercolor=black><font color=#000000>"); document.write("<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></font></td></tr>"); document.write("<tr>"); document.write("<td align=center>N</td>"); document.write("<td align=center>P</td>"); document.write("<td align=center>W</td>"); document.write("<td align=center>Ś</td>"); document.write("<td align=center>C</td>"); document.write("<td align=center>P</td>"); document.write("<td align=center>S</td>"); document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td> </td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href="\""" + linkdays[c][2] + "\">"); linktrue=true; } } } if (count==thisdate) { document.write("<font color='#FF0000'><strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table></p>"); // End --> </SCRIPT>	12. Czas ładowania strony W sekcji <HEAD> <style> <!-- #bar, #barbackground{ position:absolute; left:0; top:0; background-color:blue; } #barbackground{ background-color:black; } --> </style> <script language="JavaScript1.2"> /* Dynamic Progress Bar- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com / //1) Set the duration for the progress bar to complete loading (in seconds) var duration=5 //2) Set post action to carry out inside function below: function postaction(){ //Example action could be to navigate to a URL, like following: //window.location="http://www.dynamicdrive.com" } ///Done Editing///////////// var clipright=0 var widthIE=0 var widthNS=0 function initializebar(){ if (document.all){ baranchor.style.visibility="visible" widthIE=bar.style.pixelWidth startIE=setInterval("increaseIE()",50) } if (document.layers){ widthNS=document.baranchorNS.document.barbackgroundNS.clip.width document.baranchorNS.document.barNS.clip.right=0 document.baranchorNS.visibility="show" startNS=setInterval("increaseNS()",50) } } function increaseIE(){ bar.style.clip="rect(0 "+clipright+" auto 0)" window.status="Loading..." if (clipright<widthIE) clipright=clipright+(widthIE/(duration20)) else{ window.status='' clearInterval(startIE) postaction() } } function increaseNS(){ if (clipright<202){ window.status="Loading..." document.baranchorNS.document.barNS.clip.right=clipright clipright=clipright+(widthNS/(duration*20)) } else{ window.status='' clearInterval(startNS) postaction() } } window.onload=initializebar </script> W sekcji <BODY> <script language="JavaScript1.2"> if (document.all){ document.write('<div id="baranchor" style="position:relative;width:200px;height:20px;visibility:hidden;">') document.write('<div id="barbackground" style="width:200px;height:20px;z-index:9"></div>') document.write('<div id="bar" style="width:200px;height:20px;z-index:10"></div>') document.write('</div>') } </script> <ilayer name="baranchorNS" visibility="hide" width=200 height=20> <layer name="barbackgroundNS" bgcolor=black width=200 height=20 z-index=10 left=0 top=0></layer> <layer name="barNS" bgcolor=blue width=200 height=20 z-index=11 left=0 top=0></layer> </ilayer><font face="Verdana" size="1"> Trwa ładowanie strony Proszę Czekać...</font>	13. wyłączenie prawego klawisza <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"> <!-- if (window.Event) document.captureEvents(Event.MOUSEUP); function nocontextmenu(){ event.cancelBubble = true event.returnValue = false; return false; } function norightclick(e){ if (window.Event){ if (e.which == 2 \|\| e.which == 3) return false; } else if (event.button == 2 \|\| event.button == 3){ event.cancelBubble = true event.returnValue = false; return false; } } document.oncontextmenu = nocontextmenu; document.onmousedown = norightclick; //--> </SCRIPT>	14. Pokazuje ile czasu jesteś tu <--KOD--> <body onLoad="window.setTimeout('getSecs()',1)"> <script> startday = new Date(); clockStart = startday.getTime(); function initStopwatch() { var myTime = new Date(); var timeNow = myTime.getTime(); var timeDiff = timeNow - clockStart; this.diffSecs = timeDiff/1000; return(this.diffSecs); } function getSecs() { var mySecs = initStopwatch(); var mySecs1 = ""+mySecs; mySecs1= mySecs1.substring(0,mySecs1.indexOf(".")); document.tijd.hiero.value=mySecs1 window.setTimeout('getSecs()',1000); if (mySecs1==60) {alert("jesteś tutaj już 60 sekund ...") } if (mySecs1==333) {alert("jesteś tutaj już 333 sekundy...") } if (mySecs1==666) {alert("jesteś tutaj już 666 sekund ...") } if (mySecs1==999) {alert("Ciągle jesteś zainteresowany tą stroną; to już 999 sekund...") } } </script> </P> <P><form name="tijd"><P> <center>Jesteś tutaj już przez: <br> <input size=4 name=hiero> <br>sekund. </form> </center> <--KOD-->	15. Dni tygodnia <--KOD--> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write("<center><b>") now = new Date() if (now.getDay() == 5) document.write("Cudownie, już piątek!") if (now.getDay() == 6) document.write("Wreszcie upragniony weekend!") if (now.getDay() == 0) document.write("Ojej, weekend się powoli kończy!") if (now.getDay() == 1) document.write("Dzisiaj jest poniedziałek. To na pewno będzie udany tydzień!") if (now.getDay() == 2) document.write("Wtorek, poniedziałek już na szczęście za nami!") if (now.getDay() == 3) document.write("Środa, czy Twój tydzień jest również udany?") if (now.getDay() == 4) document.write("Czwartek, weekend już tuż tuż...") document.write("</b></center>") //--> </SCRIPT> <--KOD-->
16. Alert <--KOD--> <body OnLoad="alert('http://www.hackme.pl\n');"> <---KOD--->	17. Informacja <--KOD--> <INPUT TYPE="button" Value=" Przeczytaj te informacje " onClick="alert('To jest pierwsza informacja');alert('To jest druga informacja');alert('To jest trzecia informacja')")> <----KOD--->	18. Falujacy napis <--KOD---> <html> <body> <h2> <script language="JavaScript1.2"> /* Neon Lights Text By Website Abstraction (http://wsabstract.com) For this script, TOS, and 100s more DHTML scripts, Visit http://www.dynamicdrive.com */ var message="WEBDIARY" var neonbasecolor="gray" var neontextcolor="blue" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') document.write('</font>') //cache reference to neonlight array var tempref=document.all.neonlight } else document.write(message) function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } //cycle through and change individual letters to neon color tempref[n].style.color=neontextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h2> </body> </html> <-------------------KOD---------------------->	19. Świecący button <html> <body> <form> <input type="submit" value="Submit" id="flashit"> </form> <script language="JavaScript1.2"> /* Flashing form element Script- Š Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ // if the user is using IE 4+ and has defined a form field to flash if (document.all&&document.all.flashit){ // assign the flashit collection to a variable for easy reference var flashelement=document.all.flashit // if no collection exists (if the user defined only ONE field to flash) if (flashelement.length==null) // assign this single collection to the first element of the flashelement variable flashelement[0]=document.all.flashit function changecolor(which){ //alternate the field's color if (flashelement[which].style.color=='') flashelement[which].style.color="red" else flashelement[which].style.color="" } //if no collection exists, alternate the color of the lone field if (flashelement.length==null) setInterval("changecolor(0)",1000) //else, for each field, jump start a setInterval method to alternate each one's color else for (i=0;i<flashelement.length;i++){ var tempvariable='setInterval("changecolor('+i+')",'+'1000)' eval(tempvariable) } } </script> </body> </html>	20. Matrix w sekcji head <script language="JavaScript"> <!-- Matrix Characters PreLoad. if (document.all){ ImgsNorm=new Array(20) for (i=0; i <= 19; i++){ ImgsNorm[i]="<img src='Dark/m"+i+".gif' heigth='25' width='25'>"; } ImgsHghlght=new Array(6) for (i=0; i <= 5; i++){ ImgsHghlght[i]="<img src='Light/x"+i+".gif' heigth='25' width='25'>"; } document.write("<div style=';position:absolute;top:-500;left:-100;width:100;height:10'>;" +ImgsNorm+" "+ImgsHghlght+"</div>"); } // --> </script> w sekcji body <body bgcolor="#000000" onLoad="if (document.all) Cycle();"> <script language="JavaScript"> <!-- Matrix by kurt.grigg@virgin.net if (document.all){ //To fill the screen change auto to true. (true or false only)! auto=false; //Choose manually. Auto must be false! manual=7; //Alter nothing past here!! var Lines=(auto)?Math.floor(document.body.clientWidth/25):manual; var M=new Array() var Y=new Array() var X=new Array() var R=new Array() var S=new Array() var Z=25; //Distance between each column!! var C=Math.round(document.body.clientHeight/Z); var I=-Z; //Left position!! document.write("<div id='Trinity' style='position:absolute;top:0px;left:0px;width:"+(ZLines)+"px;height:"+(document.body.clientHeight)+";overflow:hidden'>"); for(i=0; i < Lines; i++){ X[i]=I+=Z; document.write("<div id='Neo' style='position:absolute;top:0;left:"+X[i]+";width:"+Z+";height:"+(document.body.clientHeight)+"'> </div>"); } document.write("</div>"); for(i=0; i < Lines; i++){ Y[i]=0; S[i]=Math.round(15+Math.random()40); M[i]=new Array(); R[i]=Math.round(Math.random()C); for (j=0; j < R[i]; j++){ M[i][j]=ImgsNorm[19]; } Neo[i].innerHTML=M[i]+"<img name='"+i+"Cypher' src='http://www.webdiary.pl/modules/javascript/Dark/m19.gif'>"; } function Cycle(){ Trinity.style.top=window.document.body.scrollTop; Trinity.style.height=document.body.clientHeight; C=Math.round(document.body.clientHeight/Z); for (i=0; i < Lines; i++){ Y[i]+=S[i]; if (Y[i] > document.body.clientHeight) { R[i]=Math.round(Math.random()C); Y[i]=-R[i]30; S[i]=Math.round(10+Math.random()20); M[i]=new Array(); for(j=0; j < R[i]; j++){ var r=Math.floor(Math.random()ImgsNorm.length); M[i][j]=ImgsNorm[r]; } Neo[i].innerHTML=M[i]+"<img name='"+i+"Cypher' src='http://www.webdiary.pl/modules/javascript/Light/m19.gif'>"; } var r2=Math.floor(Math.random()ImgsHghlght.length); document.images[i+"Cypher"].src='Light/x'+r2+'.gif'; Neo[i].style.pixelTop=Y[i]; } setTimeout('Cycle()',10); } } //--> </script>
21. Rozciągane menu <style> <!-- #foldheader{cursor:hand ; font-weight:bold ; color:navy; font-size:10pt; font-family:Verdena; list-style-image:url(images/fold.gif)} #foldinglist{list-style-image:url(images/list.gif)} --> </style> <script language="JavaScript1.2"> <!-- /** * Based on Folding Menu Tree * Dynamic Drive (www.dynamicdrive.com) * For full source code, installation instructions, * 100's more DHTML scripts, and Terms Of * Use, visit dynamicdrive.com * * Updated to support arbitrarily nested lists * by Mark Quinn (mark@robocast.com) November 2nd 1998 / var head="display:''" img1=new Image() img1.src="images/fold.gif" img2=new Image() img2.src="http://www.webdiary.pl/modules/javascript/images/open.gif" function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(images/open.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(images/fold.gif)" } } } document.onclick=change //--> </script> <body bgcolor="white" text="black" link="#8080FF" vlink="gray" alink="#FE8B5A"> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com">CNN</a></li> <li><a href="http://www.abcnews.com">ABC News</a></li> <li><a href="http://www.vancouversun.com">Vancouver Sun</a></li> </ul> <li id="foldheader">Games</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.gamespot.com">GameSpot</a></li> <li><a href="http://www.happypuppy.com">Happy Puppy</a></li> <li><a href="http://www.gamecenter.com">Game Center</a></li> </ul> <li id="foldheader">Software</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.download.com">outer 1</a></li> <li><a href="http://www.hotfiles.com">outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.windows95.com">nested 1</a></li> <li><a href="http://www.shareware.com">nested 2</a></li> </ul> <li><a href="http://www.windows95.com">outer 3</a></li> <li><a href="http://www.shareware.com">outer 4</a></li> </ul> </ul> <script language="JavaScript1.2"> <!-- /* * Get cookie routine by Shelley Powers * (shelley.powers@ne-dev.com) */ function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) // if cookie exists if (offset != -1) { offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } if (get_cookie(window.location.pathname) != ''){ var openresults=get_cookie(window.location.pathname).split(" ") for (i=0 ; i < openresults.length ; i++){ foldinglist[openresults[i]].style.display='' document.all[foldinglist[openresults[i]].sourceIndex - 1].style.listStyleImage="url(images/open.gif)" } } if (document.all){ var nodelength=foldinglist.length-1 var nodes=new Array(nodelength) var openones='' } function check(){ for (i=0 ; i <= nodelength ; i++){ if (foldinglist[i].style.display=='') openones=openones + " " + i } document.cookie=window.location.pathname+"="+openones } if (document.all) document.body.onunload=check //--> </script>	22. Pojawiające się menu <!-- THREE STEPS TO INSTALL MENU SCROLL: 1. Paste the coding into the HEAD of your HTML document 2. Copy the onLoad event handler into the BODY tag 3. Add the last code to the BODY of your HTML document --> <!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Randy Bennett (rbennett@thezone.net) --> <!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function buildMenu() { speed=35; topdistance=100; items=6; y=-50; ob=1; if (navigator.appName == "Netscape") { v=".top=",dS="document.",sD=""; } else { v=".pixelTop=",dS="",sD=".style"; } } function scrollItems() { if (ob<items+1) { objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y); if (y<topdistance) setTimeout("scrollItems()",speed); else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed); } } // End --> </SCRIPT> <!-- STEP TWO: Add this onLoad event handler into the BODY tag --> <BODY onLoad="buildMenu(), scrollItems();"> <!-- STEP THREE: Add the following code to the BODY of your HTML page --> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td><center> <a href="http://yoursite.com/page1.html">Link 1!</a> </center></td> </table> </div> <div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td><center> <a href="http://yoursite.com/page2.html">Link 2!</a> </center></td> </table> </div> <div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td><center> <a href="http://yoursite.com/page3.html">Link 3!</a> </center></td> </table> </div> <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td><center> <a href="http://yoursite.com/page4.html">Link 4!</a> </center></td> </table> </div> <div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td><center> <a href="http://yoursite.com/page5.html">Link 5!</a> </center></td> </table> </div> <div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td><center> <a href="http://yoursite.com/page6.html">Link 6!</a> </center></td> </table> </div> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 2.65 KB -->	23. menu rozwijane <!-- THREE STEPS TO INSTALL CASCADING MENU: 1. Copy the coding into the HEAD of your HTML document 2. Add the onLoad event handler into the BODY tag 3. Put the last coding into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Angus Turnbull --> <!-- Web Site: http://gusnz.cjb.net --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var isDOM = (document.getElementById ? true : false); var isIE4 = ((document.all && !isDOM) ? true : false); var isNS4 = (document.layers ? true : false); function getRef(id) { if (isDOM) return document.getElementById(id); if (isIE4) return document.all[id]; if (isNS4) return document.layers[id]; } function getSty(id) { return (isNS4 ? getRef(id) : getRef(id).style); } // Hide timeout. var popTimer = 0; // Array showing highlighted menu items. var litNow = new Array(); function popOver(menuNum, itemNum) { clearTimeout(popTimer); hideAllBut(menuNum); litNow = getTree(menuNum, itemNum); changeCol(litNow, true); targetNum = menu[menuNum][itemNum].target; if (targetNum > 0) { thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left); thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top); with (menu[targetNum][0].ref) { left = parseInt(thisX + menu[targetNum][0].x); top = parseInt(thisY + menu[targetNum][0].y); visibility = 'visible'; } } } function popOut(menuNum, itemNum) { if ((menuNum == 0) && !menu[menuNum][itemNum].target) hideAllBut(0) else popTimer = setTimeout('hideAllBut(0)', 500); } function getTree(menuNum, itemNum) { // Array index is the menu number. The contents are null (if that menu is not a parent) // or the item number in that menu that is an ancestor (to light it up). itemArray = new Array(menu.length); while(1) { itemArray[menuNum] = itemNum; // If we've reached the top of the hierarchy, return. if (menuNum == 0) return itemArray; itemNum = menu[menuNum][0].parentItem; menuNum = menu[menuNum][0].parentMenu; } } // Pass an array and a boolean to specify colour change, true = over colour. function changeCol(changeArray, isOver) { for (menuCount = 0; menuCount < changeArray.length; menuCount++) { if (changeArray[menuCount]) { newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol; // Change the colours of the div/layer background. with (menu[menuCount][changeArray[menuCount]].ref) { if (isNS4) bgColor = newCol; else backgroundColor = newCol; } } } } function hideAllBut(menuNum) { var keepMenus = getTree(menuNum, 1); for (count = 0; count < menu.length; count++) if (!keepMenus[count]) menu[count][0].ref.visibility = 'hidden'; changeCol(litNow, false); } // * MENU CONSTRUCTION FUNCTIONS * function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) { // True or false - a vertical menu? this.isVert = isVert; // The popout indicator used (if any) for this menu. this.popInd = popInd // Position and size settings. this.x = x; this.y = y; this.width = width; // Colours of menu and items. this.overCol = overCol; this.backCol = backCol; // The stylesheet class used for item borders and the text within items. this.borderClass = borderClass; this.textClass = textClass; // Parent menu and item numbers, indexed later. this.parentMenu = null; this.parentItem = null; // Reference to the object's style properties (set later). this.ref = null; } function Item(text, href, frame, length, spacing, target) { this.text = text; this.href = href; this.frame = frame; this.length = length; this.spacing = spacing; this.target = target; // Reference to the object's style properties (set later). this.ref = null; } function writeMenus() { if (!isDOM && !isIE4 && !isNS4) return; for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) { // Variable for holding HTML for items and positions of next item. var str = '', itemX = 0, itemY = 0; // Remember, items start from 1 in the array (0 is menu object itself, above). // Also use properties of each item nested in the other with() for construction. for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) { var itemID = 'menu' + currMenu + 'item' + currItem; // The width and height of the menu item - dependent on orientation! var w = (isVert ? width : length); var h = (isVert ? length : width); // Create a div or layer text string with appropriate styles/properties. // Thanks to Paul Maden (www.paulmaden.com) for helping debug this in IE4, apparently // the width must be a miniumum of 3 for it to work in that browser. if (isDOM \|\| isIE4) { str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; '; if (backCol) str += 'background: ' + backCol + '; '; str += '" '; } if (isNS4) { str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + w + '" height="' + h + '" visibility="inherit" '; if (backCol) str += 'bgcolor="' + backCol + '" '; } if (borderClass) str += 'class="' + borderClass + '" '; // Add mouseover handlers and finish div/layer. str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">'; // Add contents of item (default: table with link inside). // In IE/NS6+, add padding if there's a border to emulate NS4's layer padding. // If a target frame is specified, also add that to the <a> tag. str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>'; if (target > 0) { // Set target's parents to this menu item. menu[target][0].parentMenu = currMenu; menu[target][0].parentItem = currItem; // Add a popout indicator. if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>'; } str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>'); if (isVert) itemY += length + spacing; else itemX += length + spacing; } if (isDOM) { var newDiv = document.createElement('div'); document.getElementsByTagName('body').item(0).appendChild(newDiv); newDiv.innerHTML = str; ref = newDiv.style; ref.position = 'absolute'; ref.visibility = 'hidden'; } // Insert a div tag to the end of the BODY with menu HTML in place for IE4. if (isIE4) { document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>'); ref = getSty('menu' + currMenu + 'div'); } // In NS4, create a reference to a new layer and write the items to it. if (isNS4) { ref = new Layer(0); ref.document.write(str); ref.document.close(); } for (currItem = 1; currItem < menu[currMenu].length; currItem++) { itemName = 'menu' + currMenu + 'item' + currItem; if (isDOM \|\| isIE4) menu[currMenu][currItem].ref = getSty(itemName); if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName]; } } with(menu[0][0]) { ref.left = x; ref.top = y; ref.visibility = 'visible'; } } // Syntaxes: * START EDITING HERE, READ THIS SECTION CAREFULLY! * // // menu[menuNumber][0] = new Menu(Vertical menu? (true/false), 'popout indicator', left, top, // width, 'mouseover colour', 'background colour', 'border stylesheet', 'text stylesheet'); // // Left and Top are measured on-the-fly relative to the top-left corner of its trigger, or // for the root menu, the top-left corner of the page. // // menu[menuNumber][itemNumber] = new Item('Text', 'URL', 'target frame', length of menu item, // additional spacing to next menu item, number of target menu to popout); // // If no target menu (popout) is desired, set it to 0. Likewise, if your site does not use // frames, pass an empty string as a frame target. // // Something that needs explaining - the Vertical Menu setup. You can see most menus below // are 'true', that is they are vertical, except for the first root menu. The 'length' and // 'width' of an item depends on its orientation -- length is how long the item runs for in // the direction of the menu, and width is the lateral dimension of the menu. Just look at // the examples and tweak the numbers, they'll make sense eventually :). var menu = new Array(); // Default colours passed to most menu constructors (just passed to functions, not // a global variable - makes things easier to change later in bulk). var defOver = '#336699', defBack = '#003366'; // Default 'length' of menu items - item height if menu is vertical, width if horizontal. var defLength = 22; // Menu 0 is the special, 'root' menu from which everything else arises. menu[0] = new Array(); // A non-vertical menu with a few different colours and no popout indicator, as an example. // * MOVE ROOT MENU AROUND HERE * it's positioned at (5, 0) and is 17px high now. menu[0][0] = new Menu(false, '', 5, 0, 17, '#669999', '#006666', '', 'itemText'); // Notice how the targets are all set to nonzero values... // The 'length' of each of these items is 40, and there is spacing of 10 to the next item. // Most of the links are set to '#' hashes, make sure you change them to actual files. menu[0][1] = new Item(' File', '#', '', 40, 10, 1); menu[0][2] = new Item(' Edit', '#', '', 40, 10, 2); menu[0][3] = new Item(' Help', '#', '', 40, 10, 3); // An example of a link with a target frame/window as well... menu[0][4] = new Item(' Site', 'http://gusnz.cjb.net', '_new', 40, 10, 0); // File menu. menu[1] = new Array(); // The File menu is positioned 0px across and 22 down from its trigger, and is 80 wide. // All text in this menu has the stylesheet class 'item' -- see the <style> section above. // We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...? menu[1][0] = new Menu(true, '>', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText'); menu[1][1] = new Item('Open', '#', '', defLength, 0, 0); menu[1][2] = new Item('Save', '#', '', defLength, 0, 0); // Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu. menu[1][3] = new Item('Reopen', '#', '', defLength, 0, 4); menu[1][4] = new Item('Exit', '#', '', defLength, 0, 0); // Edit menu. menu[2] = new Array(); menu[2][0] = new Menu(true, '>', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText'); menu[2][1] = new Item('Cut', '#', '', defLength, 0, 0); menu[2][2] = new Item('Copy', '#', '', defLength, 0, 0); menu[2][3] = new Item('Paste', '#', '', defLength, 0, 0); // Help menu menu[3] = new Array(); menu[3][0] = new Menu(true, '<', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText'); menu[3][1] = new Item('Contents', '#', '', defLength, 0, 0); menu[3][2] = new Item('Index', '#', '', defLength, 0, 0); menu[3][3] = new Item('About', '#', '', defLength, 0, 5); // Reopen menu menu[4] = new Array(); // This is across but not down... a horizontal popout (with crazy stylesheets :)... menu[4][0] = new Menu(true, '>', 85, 0, 120, '#333366', '#666699', 'crazyBorder', 'crazyText'); // These items are lengthier than normal, and have extra spacing due to the fancy borders. menu[4][1] = new Item('Recent Doc 1:<br>Schedule', '#', '', 36, 4, 0); menu[4][2] = new Item('Recent Doc 2:<br>Plan', '#', '', 36, 7, 0); menu[4][3] = new Item('Etc. etc...', '#', '', defLength, 0, 0); // Help About popout menu[5] = new Array(); // Leftwards popout with a negative x and y relative to its trigger. menu[5][0] = new Menu(true, '>', -85, -17, 80, defOver, defBack, 'itemBorder', 'itemText'); menu[5][1] = new Item('Leftwards!<br>And up!', '#', '', 40, 0, 0); // * OPTIONAL CODE FROM HERE DOWN * // These two lines handle the window resize bug in NS4. See <body onResize="...">. // I recommend you leave this here as otherwise when you resize NS4's width menus are hidden. var popOldWidth = window.innerWidth; nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()'); // This is a quick snippet that captures all clicks on the document and hides the menus // every time you click. Use if you want. if (isNS4) document.captureEvents(Event.CLICK); document.onclick = clickHandle; function clickHandle(evt) { if (isNS4) document.routeEvent(evt); hideAllBut(0); } // This is just the moving command for the example. function moveRoot() { with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5); } // End --> </script> <!-- * IMPORTANT STYLESHEET SECTION - Change the border classes and text colours * --> <style> <!-- .itemBorder { border: 1px solid black } .itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica } .crazyBorder { border: 2px outset #663399 } .crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica } --> </style> </HEAD> <!-- STEP TWO: Insert the onLoad event handler into your BODY tag --> <BODY marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()"> <!-- STEP THREE: Copy this code into the BODY of your HTML document --> <!-- It's important that you position the menu over a background, like a table/image --> <table bgcolor="#006666" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td height="17"><font size="1"> </font></td></tr></table> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 13.87 KB -->	24. Wirujące menu super efekt <html> <head> <META content="text/html; CHARSET=iso-8859-2" http-equiv=content-type> <STYLE>.fly { COLOR: aqua; FONT-FAMILY: arial; FONT-SIZE: 24px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2 } .logo { color: #000080; font-family: times; font-size: 40; left: 30px; position: absolute; top: 0px; visibility: visible; z-index: 1 } .desc { color: #000000; font-family: Arial; font-size: 14px; left: 40px; position: absolute; text-align: center; top: 220px; visibility: hidden; width: 400px; font-weight: bold } BODY { BACKGROUND: #FFFFCC } A:link { COLOR: #000080; TEXT-DECORATION: none } A:visited { COLOR: #000080; TEXT-DECORATION: none } a:hover { color: #FF0000; text-decoration: underline } </STYLE> <SCRIPT language=JavaScript> /* Show an object / function showObject(object) { object.visibility = VISIBLE; } / Hide an object / function hideObject(object) { object.visibility = HIDDEN; } / Slide the company logo from top to middle / function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 75); } else initObjects(); } / Rotate selected objects / function rotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objects[i].visibility = 'visible'; objects[i].left = (r Math.cos(pos[i])) + xoff objects[i].top = (r * Math.sin(pos[i])) + yoff; } rotateTimer = setTimeout("rotateObjects()", 70); } /* Initialize selected objects for rotation / function initObjects() { / Here is the array of HTML elements that will be rotated, from fly1 to fly4 Just put the shortcut variables to the HTML elements in this little array and they will be rotated automatically / objects = new Array(fly1, fly2, fly3, fly4); pos = new Array(); pos[0] = 0; for (var i = 1; i < objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 pi) / objects.length)); } rotateObjects(); } /* Variables for rotating objects / var objects; var pos; var r = 160; // radius var xoff = 180; // x offset var yoff = 170; // y offset var pi = Math.PI; // get pi var inc = pi / 180; // degrees per rotation cycle var objects; // objects to be rotated var pos; // position for objects </SCRIPT> <META content="Microsoft FrontPage 4.0" name=GENERATOR> <title></title> </HEAD> <BODY link=#008000> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="563" height="172"> <tr> <td height="172" width="561"> <DIV class=fly id=fly1><A href="http://www.javascripts.asco.com.pl/skrypty/tekst/strona%201" onmouseout=hideObject(desc1) onmouseover=showObject(desc1)>Strona 1</A><BR></DIV> <DIV class=fly id=fly2><A href="http://www.zoom.biznes.net/zoom_wyszukiwarka.html" onmouseout=hideObject(desc2) onmouseover=showObject(desc2)>strona 2</A><BR></DIV> <DIV class=fly id=fly3><A href="http://www.zoom.biznes.net/kurs_java.html" onmouseout=hideObject(desc3) onmouseover=showObject(desc3)>Strona 3</A> <BR></DIV> <DIV class=fly id=fly4><A href="http://www.zoom.biznes.net/skrypty_java.html" onmouseout=hideObject(desc4) onmouseover=showObject(desc4)>Strona 4</A><BR></DIV> <DIV class=logo id=company>Menu strony</DIV> <DIV class=desc id=desc1>ZOOM Serwer Darmowych Bajerów </DIV> <DIV class=desc id=desc2>Wyszukiwarka w zagadnień w magazymie ZOOM </DIV> <DIV class=desc id=desc3>Kurs Java Scrypt </DIV> <DIV class=desc id=desc4>Zestaw gotowych Java Skryptów </DIV> <SCRIPT language=JavaScript> / Simple version detection / var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); / They can be used in place of hidden and visible because on occasion Navigator has problems with the two / var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; / Create shortcut variables for different absolutely positioned elements / var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; var company = (isNS) ? document.company : document.all.company.style; var desc1 = (isNS) ? document.desc1 : document.all.desc1.style; var desc2 = (isNS) ? document.desc2 : document.all.desc2.style; var desc3 = (isNS) ? document.desc3 : document.all.desc3.style; var desc4 = (isNS) ? document.desc4 : document.all.desc4.style; / Begin the sliding of the company logo */ slideLogo(0, 140); </SCRIPT> <p> </p> </td> </tr> </table> </center> </div> </BODY></HTML>	25. Tekst za kursorem <STYLE> .litera {POSITION:Absolute; VISIBILITY:Visible; TOP:-10px; FONT-SIZE:10pt; FONT-FAMILY:Curier; FONT-WEIGHT:Bold; COLOR:Orange} </STYLE> <SCRIPT LANGUAGE="JavaScript"> onload=Pozycja; if (document.layers) document.captureEvents(Event.MOUSEMOVE); document.onmousemove=Ruch; function Ruch(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX; y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY; raz=1; } var x,y; szer=12; raz=10; Napis="www.hackme.pl"; Napis=Napis.split(""); xpos=new Array(); ypos=new Array(); for (i=0;i<=Napis.length;i++) xpos[i]=0; for (i=0;i<=Napis.length;i++) ypos[i]=-30; function Pozycja() { if (raz==1) { for (i=Napis.length; i>=1; i--) { xpos[i]=xpos[i-1]+szer; ypos[i]=ypos[i-1]; } xpos[0]=x+szer; ypos[0]=y; for (i=0; i<Napis.length; i++) { if (document.all) { thisSpan=eval("span"+(i)+".style"); thisSpan.posLeft=xpos[i]; thisSpan.posTop=ypos[i]; } if (document.layers) { thisSpan=eval("document.span"+i); thisSpan.left=xpos[i]; thisSpan.top=ypos[i]; } } } setTimeout("Pozycja()",20) } for (i=0;i<=Napis.length-1;i++) document.write("<DIV ID=\"span"+i+"\" CLASS=\"litera\">"+Napis[i]+"</DIV>"); </SCRIPT> </head>
26. Tęczowy napis b> <font size="5"> <script> // ******** MAKE YOUR CHANGES HERE var text="www.HACKME.PL" // YOUR TEXT var speed=80 // SPEED OF FADE // ******** LEAVE THE NEXT BIT ALONE! if (document.all\|\|document.getElementById){ document.write('<span id="highlight">' + text + '</span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all\|\|document.getElementById) flash=setInterval("change()",speed) } starteffect() </script> </font></b>	27. Losowe tło <script> /Random background color- by javascriptkit.com Visit JavaScript Kit (http://javascriptkit.com) for script Credit must stay intact for use/ //Enter list of bgcolors: var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script>	28. zmiana koloru tła <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function newbg(thecolor) { document.bgColor=thecolor; } // End --> </script> <div align="center"> <form> <input type="button" value="White" onclick="newbg('white');"> <input type="button" value="Blue" onclick="newbg('blue');"> <input type="button" value="Beige" onclick="newbg('Beige');"> <input type="button" value="Yellow" onclick="newbg('yellow');"> </form> </div>	29. licznik odwiedzin <style> .counter{ background-color:black; color:yellow; font-weight:bold; } </style> <SCRIPT> //Personal Counter- by Jaafar Bin Yusof, Singapore (jaafar66@yahoo.com) //Modified by JavaScript Kit (http://javascriptkit.com) //Visit http://javascriptkit.com for this script expireDate = new Date expireDate.setMonth(expireDate.getMonth()+6) jcount = eval(cookieVal("jaafarCounter")) jcount++ document.cookie = "jaafarCounter="+jcount+";expires=" + expireDate.toGMTString() function cookieVal(cookieName) { thisCookie = document.cookie.split("; ") for (i=0; i<thisCookie.length; i++){ if (cookieName == thisCookie[i].split("=")[0]){ return thisCookie[i].split("=")[1] } } return 0 } function page_counter(){ for (i=0;i<(7-jcount.toString().length);i++) document.write('<span class="counter">0</span>') for (y=0;y<(jcount.toString().length);y++) document.write('<span class="counter">'+jcount.toString().charAt(y)+'</span>') } </SCRIPT> You have visited this page <SCRIPT> page_counter(jcount); </SCRIPT> times.	30. Rotator banerów <marquee behavior="scroll" direction="up" height="130" scrollamount="2" scrolldelay="10" onMouseOver='this.stop()' onMouseOut='this.start()'> <center> <noscript></noscript> <a href="http://www.hackme.pl" title="Hackme.pl" target="_blank"><img src="tu wstaw obrazek.jpg" width="70" height="30" alt="Hackme.pl" border="0"></a><br /><br/> <a href="http://www.hackme.pl" title="Hackme.pl" target="_blank"><img src="tu wstaw obrazek.jpg" width="70" height="30" alt="Hackme.pl" border="0"></a><br /><br/> </marquee> <div class="panels">