Scripts para incrementar o seu site

Visualize os códigos no Editor On-Line. click aqui

BuscaPé, líder em comparação de preços na América Latina

scripts : Loading para carregar ao iniciar o seu site

<style type="text/css"> #divLoadCont {position:absolute; z-index:500; left:0px; top:0px; width:100%; height:98%; clip:rect(0px 100% 100% 0px); background-color:#ffffff; layer-background-color:#ffffff;} #divLoad1 {position:absolute; layer-background-color:silver; background-color:silver;} #divLoad2 {position:absolute; left:0px; top:0px; layer-background-color:navy; background-color:navy;} #divLoadText {position:absolute; background-color:transparent; font-family:arial,helvetica,sans-serif; color:navy; font-size:14px;} </style> <script language="JavaScript" type="text/javascript"> /********************************************************************************** LoadingBar * Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> * This script was released at DHTMLCentral.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. * * Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() /*VARIABLES TO SET START: */ numImages = 10 //How many images you have in your page loaderWidth = 300 //The width of the loadbar /* All other settings, like colors fonts and stuff like that you have to change in the STYLE section. IMPORTANT: To make this actually show the correct results you have to place THIS code in all images: onload="loadIt(1)" Which means that your image should look something like this: <img src="whatever.gif" width="10" border="0" height="10" onload="loadIt(1)"> VARIABLES TO SET END: */ // A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?"":"px"; currentImg = 0 //Document size object ******** function lib_doc_size(){ this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0; this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0; if(!this.x2||!this.y2) return message('Document has no width or height') this.x50=this.x2/2;this.y50=this.y2/2; return this; } //Lib objects ******************** function lib_obj(obj,nest){ nest=(!nest) ? "":'document.'+nest+'.' this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; this.ref=this.css this.w=this.evnt.offsetWidth||this.css.clip.width|| this.ref.width||this.css.pixelWidth||0; return this } //Moving object to ************** lib_obj.prototype.moveIt = function(x,y){ this.x=x; this.y=y; this.css.left=x+px; this.css.top=y+px; } //Clipping object to ****** lib_obj.prototype.clipTo = function(t,r,b,l,setwidth){ this.ct=t; this.cr=r; this.cb=b; this.cl=l if(bw.ns4){ this.css.clip.top=t;this.css.clip.right=r this.css.clip.bottom=b;this.css.clip.left=l }else{ if(t<0)t=0;if(r<0)r=0;if(b<0)b=0;if(b<0)b=0 this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)"; if (setwidth){ this.css.pixelWidth = r; this.css.pixelHeight = b; this.css.width = r+px; this.css.height = b+px; } } } var oLoad2 function startLoading(){ page = new lib_doc_size() oLoadCont = new lib_obj('divLoadCont') oLoad = new lib_obj('divLoad1','divLoadCont') oLoad2 = new lib_obj('divLoad2','divLoadCont.document.divLoad1') oLoadText = new lib_obj('divLoadText','divLoadCont.document.divLoad1') oLoad.moveIt(page.x50-loaderWidth/2,page.y50-20) oLoadText.moveIt(loaderWidth/2 - oLoadText.w/2,10) oLoad.clipTo(0,loaderWidth,40,0,1) oLoad2.per = loaderWidth/numImages } function loadIt(ok){ currentImg ++ if (oLoad2) oLoad2.clipTo(0,oLoad2.per*currentImg,40,0,1) if (!ok){ oLoadCont.css.visibility = "hidden" oLoadCont = null; oLoad1 = null; oLoad2 = null; } } //DISPLAY FUNCTION - DELETE START -------- DELETE THIS ************* //LEAVE THIS FUNCTION WHILE TESTING. DELETE WHEN READY function loadIt_display(ok){ currentImg ++ if (oLoad2) oLoad2.clipTo(0,oLoad2.per*currentImg,40,0,1) if (currentImg<=numImages) setTimeout("loadIt_display(1)",200) else{ oLoadCont.css.visibility = "hidden" } } //DISPLAY FUNCTION - DELETE END ************************************* </script> </head> <body marginleft="0" marginheight="0">  <div style="position:absolute; left:0; top:0"><a href="#" onclick="self.close(); return false"><img src="/images/logo.gif" width="165" height="54" alt="" border="0" alt="Click to close window"></a></div> <br><br><br>   <div id="divLoadCont"> <div id="divLoad1"> <div id="divLoad2"></div><br> <div id="divLoadText">Loading...</div> </div> </div> <script> startLoading() //onload=loadIt; //- LEAVE THIS LINE WHILE TESTING. UNCOMMENT WHEN READY loadIt_display(1) //LEAVE THIS LINE WHILE TESTING. DELETE WHEN READY </script> <br><br><br> CONTENT <br><br>

scripts : Barra de som com stop e play

</strong></small></font></td> </tr> </table> </center></div> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"><embed src="clair.mid" align="baseline" border="3" width="250" height="26" autostart="true" loop="true" type="audio/midi"></p> </body> </html>

scripts : Efeito zoom para apresentação do seu site

<body onload="init()"> <p> <p align="center"><script> text=new Array('Cranik','o melhor','site de busca','da atualidade') var numText=4 color=new Array('#000000','red','orange','green','darkblue') var numColors=5 var endSize=70 var Zspeed=30 var Cspeed=100 var font='Exotc350 Lt BT, Arial, Heveltica' var hide=false var size=10 var gonum=0 var ie, n; if (document.all) { n=0 ie=1 zoomText='document.all.zoom.innerText=text[num]' zoomSize='document.all.zoom.style.fontSize=size' closeIt="" fadeColor="document.all.zoom.style.color=color[num]" } if (document.layers) { n=1;ie=0 zoomText="" zoomSize="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')" closeIt="document.zoom.document.close()" fadeColor="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[numText-1]+'</p>')" } function zoom(num,fn){ if (size<endSize){ eval(zoomText) eval(zoomSize) eval(closeIt) size+=5; setTimeout("zoom("+num+",'"+fn+"')",Zspeed) }else{ eval(fn); } } function fadeIt(num){ if (num<numColors){ eval(fadeColor) eval(closeIt) num+=1; setTimeout("fadeIt("+num+")",Cspeed) }else{ hideIt() } } function hideIt(){ if(hide){ if(ie)document.all.zoom.style.visibility="hidden" if(n)document.layers.zoom.visibility="hidden" } } function init(){ if(ie){ document.all.zoom.style.color=color[0] document.all.zoom.style.fontFamily=font } if(ie || n) go(0) } function go(num){ gonum+=1 size=10 if(num<numText){ zoom(num,'go('+gonum+')') }else{ fadeIt(0) } } </script> </p> <div id="zoom" align="center" style="position:absolute; top:120"></div> <p align="center"> </p> </body> </html>

scripts : Relógio

<html> <head> <script>function openLinkIndic() {window.open('http://www.linkws.com/webservices/li/link_indic.jsp?userProductID=3560&url=' + escape(location.href),'Link_Indic','height=340,width=295,scrolling=no')}</script> <body> <p><SCRIPT language=JavaScript> hoje = new Date() dia = hoje.getDate() dias = hoje.getDay() mes = hoje.getMonth() ano = hoje.getYear() if (dia < 10) dia = "0" + dia function CriaArray (n) { this.length = n } NomeDia = new CriaArray(7) NomeDia[0] = "São Paulo - Domingo" NomeDia[1] = "São Paulo - Segunda" NomeDia[2] = "São Paulo - Terça" NomeDia[3] = "São Paulo - Quarta" NomeDia[4] = "São Paulo - Quinta" NomeDia[5] = "São Paulo - Sexta" NomeDia[6] = "São Paulo - Sábado" NomeMes = new CriaArray(12) NomeMes[0] = "Janeiro" NomeMes[1] = "Fevereiro" NomeMes[2] = "Março" NomeMes[3] = "Abril" NomeMes[4] = "Maio" NomeMes[5] = "Junho" NomeMes[6] = "Julho" NomeMes[7] = "Agosto" NomeMes[8] = "Setembro" NomeMes[9] = "Outubro" NomeMes[10] = "Novembro" NomeMes[11] = "Dezembro" document.write ("<center><font face='Tahoma,arial' color='#333399' size='2'>" + NomeDia[dias] + ", " + dia + " de " + NomeMes[mes] + ", " + ano + " </font></center>") </SCRIPT> </p> </body> </html>

scripts : Relógio aleatório

<script language=JavaScript> dCol='333333';//date colour. fCol='FF0990';//face colour. sCol='FF0000';//seconds colour. mCol='00FF00';//minutes colour. hCol='0000FF';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=60; ClockFromMouseX=-10; //Alter nothing below! Alignments will be lost! d=new Array("DOMINGO","SEGUNDA","TERÇA","QUARTA","QUINTA","SEXTA","SÁBADO"); m=new Array("JANEIRO","FEVEREIRO","MARÇO","ABRIL","MAIO","JUNHO","JULHO","AGOSTO","SETEMBRO","OUTUBRO","NOVEMBRO","DEZEMBRO"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='ARIAL'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=60; xmouse=-40; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=20;x[i]=20;Y[i]=20;X[i]=20} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=100 left=100 height=150 width=150><center>'+props2+D[i]+'</font></center></layer>'); for (i=100; i < n; i++) document.write('<layer name="nsFace'+i+'" top=100 left=100 height=150 width=150><center>'+props+Face[i]+'</font></center></layer>'); for (i=100; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=100 left=100 width=150 height=150><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=100; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=100 left=100 width=150 height=150><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=100; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=100 left=100 width=150 height=150><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:400px;left:100px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:400px;left:100;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:400px;left:100px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:400px;left:100;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:400px;left:100px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:400px;left:100px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:400px;left:100px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </script>

scripts : Segue Cursor - Quadradinhos Coloridos

<p class=MsoNormal><body></p> <p class=MsoNormal><LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER><br> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER><br> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER><br> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER><br> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER><br> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER><br> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER><br> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER><br> <br> <br> <script language="JavaScript"><br> <br> /*<br> Magic Wand cursor II (By Kurt at kurt.grigg@virgin.net)<br> Modified and permission granted to Dynamic Drive to feature script in archive<br> For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com<br> */<br> <br> if (document.all){<br> with (document){<br> write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')<br> write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')<br> write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')<br> write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')<br> write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')<br> write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')<br> write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')<br> write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')<br> write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')<br> write('</div>')<br> }<br> }<br> <br> if (document.layers)<br> {window.captureEvents(Event.MOUSEMOVE);}<br> var yBase = 200;<br> var xBase = 200;<br> var step = 1;<br> var currStep = 0;<br> var Xpos = 1;<br> var Ypos = 1;<br> <br> if (document.all)<br> {<br> function MoveHandler(){<br> Xpos = document.body.scrollLeft+event.x;<br> Ypos = document.body.scrollTop+event.y;<br> }<br> document.onmousemove = MoveHandler;<br> }<br> <br> else if (document.layers)<br> {<br> function xMoveHandler(evnt){<br> Xpos = evnt.pageX;<br> Ypos = evnt.pageY;<br> }<br> window.onMouseMove = xMoveHandler;<br> }<br> <br> function animateLogo() {<br> if (document.all)<br> {<br> yBase = window.document.body.offsetHeight/6;<br> xBase = window.document.body.offsetWidth/6;<br> }<br> else if (document.layers)<br> {<br> yBase = window.innerHeight/8;<br> xBase = window.innerWidth/8;<br> }<br> <br> if (document.all)<br> {<br> for ( i = 0 ; i < starsDiv.all.length ; i++ )<br> {<br> starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200);<br> starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200);<br> }<br> }<br> <br> else if (document.layers)<br> {<br> for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!<br> {<br> var templayer="a"+j<br> document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200);<br> document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200);<br> }<br> }<br> currStep+= step;<br> setTimeout("animateLogo()", 10);<br> }<br> animateLogo();<br> </script><br> <br style='mso-special-character:line-break'> <![if !supportLineBreakNewLine]><br style='mso-special-character:line-break'> <![endif]></p> <p class=MsoNormal></body></p>

scripts : Segue Cursor - Estrela

=Copie e cole o código abaixo depois da primeira tag= <head> <script>function openLinkIndic() {window.open('http://www.linkws.com/webservices/li/link_indic.jsp?userProductID=3560&url=' + escape(location.href),'Link_Indic','height=340,width=295,scrolling=no')}</script> <STYLE TYPE="text/css">  </STYLE> =Copie e cole o código abaixo, após a tag= <body> <DIV ID="div1" CLASS="s1">*</DIV> <DIV ID="div2" CLASS="s2">*</DIV> <DIV ID="div3" CLASS="s3">*</DIV> <DIV ID="div4" CLASS="s4">*</DIV> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> /* Submitted by Mike McGrath http://website.lineone.net/~mike_mcgrath */ var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </SCRIPT>

scripts : Efeito de embaçamento no texto

<font style="FONT-WEIGHT: italic; text-transform:none; height:0; filter:blur; color: black;"> Cranik - O seu site de Busca </font>

scripts : Notícias no seu site

 <script language="JavaScript"> largura = 50 altura = 100 continuo = 1 canais = 'saude cultura dinheiro esportes vestibular noticias mundo odia noticmundo ' numero = '0-1-2-3-4-5-6-7-8' </script> <script language="JavaScript" src="http://www.ig.com.br/paginas/newsticker/js/usflash.html"> </script>

scripts : Jogo do Labirinto

<html> <head> <script>function openLinkIndic() {window.open('http://www.linkws.com/webservices/li/link_indic.jsp?userProductID=3560&url=' + escape(location.href),'Link_Indic','height=340,width=295,scrolling=no')}</script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style TYPE="text/css"> #board TD {width: 15pt; height: 15pt; font-size: 2pt; background:#ffcc00;} TD.foot {font-size: 10pt;} #board TD.start {font-size: 8pt; border-left: 2px black solid; background:white; border-top: 2px black solid;text-align: left; color: black} #board TD.end {font-size: 8pt; color: black} #message {margin: 0pt; padding: 0pt; } </style> <script LANGUAGE="JavaScript"> var maze = new Array() var sides = new Array("Border-Top", "Border-Right") for (var rows=0; rows<13; rows++) maze[rows] = new Array() maze[0][0] = new Array(1,1,1,1,1,1,1,1,1,1,1,1) maze[0][1] = new Array(0,0,1,0,1,0,0,0,0,1,0,1) maze[1][0] = new Array(1,0,0,0,1,0,1,1,1,0,1,1) maze[1][1] = new Array(0,1,1,0,0,1,1,0,0,1,0,1) maze[2][0] = new Array(1,0,1,0,1,0,0,1,1,0,1,1) maze[2][1] = new Array(0,0,0,0,1,1,1,0,0,0,0,1) maze[3][0] = new Array(0,1,1,1,1,1,0,0,0,0,1,1) maze[3][1] = new Array(1,0,0,1,0,0,0,1,1,0,0,1) maze[4][0] = new Array(0,0,0,0,0,0,1,1,1,1,1,1) maze[4][1] = new Array(1,1,1,1,1,0,0,0,0,0,1,1) maze[5][0] = new Array(0,0,0,0,1,0,1,1,1,1,0,0) maze[5][1] = new Array(1,1,1,1,1,1,0,0,0,1,0,1) maze[6][0] = new Array(0,0,0,0,0,0,1,1,0,1,0,1) maze[6][1] = new Array(1,1,1,1,1,1,0,0,0,1,0,1) maze[7][0] = new Array(1,0,1,0,0,0,1,0,1,1,0,1) maze[7][1] = new Array(1,1,1,0,1,0,0,1,0,1,1,1) maze[8][0] = new Array(0,0,0,1,0,0,1,1,0,0,0,0) maze[8][1] = new Array(0,1,0,1,1,0,0,0,1,1,0,1) maze[9][0] = new Array(0,0,0,0,0,1,1,1,1,0,1,1) maze[9][1] = new Array(1,1,1,1,0,0,0,0,0,1,1,1) maze[10][0] = new Array(0,0,0,0,0,1,1,1,1,1,0,0) maze[10][1] = new Array(1,1,1,0,1,0,0,0,0,1,0,1) maze[11][0] = new Array(0,0,1,1,1,1,1,1,1,0,0,0) maze[11][1] = new Array(1,0,1,0,0,0,0,0,0,0,1,1) maze[12][0] = new Array(0,0,0,0,0,1,1,1,1,0,1,0) maze[12][1] = new Array(1,1,0,1,0,0,0,1,0,0,1,1) function testNext(nxt) { if ((board.rows[start.rows].cells[start.cols].style.backgroundColor=="yellow") && (nxt.style.backgroundColor=='yellow')) { message.innerText="Mudou de idéia." board.rows[start.rows].cells[start.cols].style.backgroundColor="" return false } return true } function moveIt() { if (!progress) return switch (event.keyCode) { case 37: //função que controla o movimento à esqueda if (maze[start.rows][1][start.cols-1]==0) { if (testNext(board.rows[start.rows].cells[start.cols-1])) message.innerText="esquerda" start.cols-- document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow" } else message.innerText="Não" break; case 38: //função que controla o movimento superior if (maze[start.rows][0][start.cols]==0) { if (testNext(board.rows[start.rows-1].cells[start.cols])) message.innerText="Cima" start.rows-- document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow" } else message.innerText="Não" break; case 39: //função que controla o movimento à direita if (maze[start.rows][1][start.cols]==0) { if (testNext(board.rows[start.rows].cells[start.cols+1])) message.innerText="Direita" start.cols++ document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow" } else message.innerText="Não" break; case 40: //função que controla o movimento inferior if (maze[start.rows+1]==null) return if (maze[start.rows+1][0][start.cols]==0) { if (testNext(board.rows[start.rows+1].cells[start.cols])) message.innerText="Baixo" start.rows++ document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow" } else message.innerText="Não" break; } if (document.all.board.rows[start.rows].cells[start.cols].innerText=="fim") { message.innerText="Você venceu!" progress=false alert ("Parabéns"+"\n"+"Você venceu !") } } </script> <script LANGUAGE="Javascript"> var MS=navigator.appVersion.indexOf("MSIE"); window.isIE4 =(MS>0) && ((parseInt(navigator.appVersion.substring(MS+5,MS+6)) >= 4) && (navigator.appVersion.indexOf("MSIE"))>0 && (navigator.appVersion.indexOf("B1"))==-1) ; var curShow = null var curItem = null if (!window.isIE4) window.location.href = "index.htm"; var fRunning=0 function fixSize() { var newWidth = document.body.clientWidth - document.all.why.offsetLeft -10 if (newWidth>=wWidth) document.all.why.style.pixelWidth = newWidth else document.all.why.style.pixelWidth = wWidth } </script> <script LANGUAGE="JavaScript" FOR="jumpbar" EVENT="onscriptletevent(name, eventData)"> switch (name) { case "onnavigate": window.location.href = eventData break; case "oncnavigate": eval(eventData) break; } </script> </head> <body bgcolor="#FFFFFF" text="#000000" link="#FF6600" vlink="#FF6600" alink="#FF9900" topmargin="0" marginheight="0"> <p> <table width="430" border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td><br> <br> </td> </tr> <tr> <td></td> </tr> <tr> <td> <p> <font face="Arial, Verdana" size="2"><b><font color="#FF6600">labirinto </font></b></font><br> <br> <div CLASS="why" ID="why" STYLE="display: none"> <script> var wWidth = document.all.why.style.pixelWidth var newWidth = document.body.clientWidth - document.all.why.offsetLeft - 10 if (newWidth>=wWidth) document.all.why.style.pixelWidth = newWidth document.all.why.style.display = "" window.onresize = fixSize </script> <div ID="whatsnew" CLASS="new"> <p><font face="Arial, Verdana" size="2">Use as setas para chegar até o fim.</font></p> <table ID="board" CELLSPACING="0" CELLPADDING="0"> <script LANGUAGE="JavaScript"> for (var row = 0; row<maze.length; row++) { document.write("<TR>") for (var col = 0; col<maze[row][0].length; col++) { document.write("<TD STYLE='") for (var cell = 0; cell<2; cell++) { if (maze[row][cell][col]==1) document.write(sides[cell]+": 2px black solid;") } if ((0==col) && (0!=row)) document.write("border-left: 2px black solid;") if (row==maze.length-1) document.write("border-bottom: 2px black solid;") if ((0==row) && (0==col)) document.write(" background-color:yellow;' class=start><font face=arial>início</font></TD>") else if ((row==maze.length-1) && (col==maze[row][0].length-1)) document.write("' class=end>fim</TD>") else document.write("'> </TD>") } document.write("</TR>") } var start = new Object start.rows = 0 start.cols = 0 progress=true document.onkeydown = moveIt; </script> </table> <p ID="message"></p> </div> </div> <br> </td> </tr> <tr> <td> <br> <br> <a href="javascript:window.location='view-source:' +window.location.href"> </a><br> <br> <br> <br> <font face="Arial, Verdana" size="1"></font></td> </tr> </table> </body> </html> </noscript></script> <script language="javascript"> //--> </script>

Página 01 02 03 04