Utilitarios

CÓDIGOS DE SCRIPT

DIVISORIA COM BARRA DE ROLAGEM P/TEXTO E IMAGENS

<DIV STYLE="width: 150px; height: 150px; overflow: auto;"><center><b> Título de sua camada </b><p>“TEXTO AQUI”.

BORDAS COLORIDA – ANTES DO </body>

if (document.all) document.body.style.cssText="border:10 ridge #0000ff"

</script>

IMAGEM SUBINDO A ESQUERDA

<DIV id=imageholder

style="LEFT: 0px; POSITION: absolute; TOP: 0px; Z-INDEX: -1">

placement=0

nail=0

max=9

for temp=0 to max

document.write "<img id=pics"&temp&" src><br>"

DIM newarray

newarray=Array(pics0,pics1,pics2,pics3,pics4,pics5,pics6,pics7,pics8,pics9)

for temp=0 to max

newarray(temp).src=document.body.background

document.body.background=" "

window.status="Clique na imagem para parar ou reiniciar o movimento da imagem"

sub scroll()

if nail=1 then

exit sub

end if

if placement < pics0.height then

setTimeout "move", 1

else

placement=0

setTimeout "move", 1

end if

end sub

sub move()

imageholder.style.top=-placement

placement=placement+1

setTimeout "scroll", 1

end sub

sub imageholder_onclick()

if nail=0 then

nail=1

elseif nail=1 then

nail=0

end if

scroll()

end sub

scroll()

</SCRIPT>

IMAGENS VOANDO

</DIV><IMG height=47 name=bounce

src="c:\Aqui o endereço da figura que vai voar"

style="LEFT: 0px; POSITION: absolute; TOP: 0px" width=47> <!--webbot bot="HTMLMarkup" startspan

alt="[<b>This is the Bounce Script</b>]" -->

function bounce1(){

window.tm=setInterval('bounceIt()',2);

}

function bounce2(){

clearInterval(window.tm);

}

var x=5;

var y=2;

var offsetx=5;

var offsety=5;

function bounceIt() {

var el = document.all.bounce;

x+=offsetx;

y+=offsety;

if ((x+el.offsetWidth>document.body.clientWidth+document.body.scrollLeft) || (x<=document.body.scrollLeft)) {

offsetx=-offsetx;

if (x<document.body.scrollLeft) x=document.body.scrollLeft;

if (x+el.width>document.body.clientWidth+document.body.scrollLeft)

x=document.body.clientWidth-el.offsetWidth+document.body.scrollLeft;

};

if ((y+el.offsetHeight>document.body.clientHeight+document.body.scrollTop) || (y<=document.body.scrollTop)) {

offsety=-offsety;

if (y<document.body.scrollTop) y=document.body.scrollTop;

if (y+el.offsetHeight>document.body.clientHeight+document.body.scrollTop)

y=document.body.clientHeight-el.offsetHeight+document.body.scrollTop;

};

el.style.posTop = y;

el.style.posLeft = x;

}

setTimeout("bounce1()",2500);

window.onunload=bounce2;

</SCRIPT>

IMAGENS COM BORDA E TEXTO

<TABLE align=center bgColor=#ff0000 border=11 borderColor=#000080 cellPadding=0

style="HEIGHT: 1px; WIDTH: 1px" width="75%">

<TBODY>

<TR>

<TD><FONT color=#808080 size=4><IMG align=baseline alt="" border=0

hspace=0 src="C:\A\01.jpg"></FONT></TD></TR></TBODY></TABLE>

<DIV align=center><FONT color=#000080 face="Book Antiqua">Texto aqui ou no meio

da borda após deletar a imagem</FONT></DIV>

IMAGENS NO RODAPE

<BODY onLoad="scrollIn()" >
<SCRIPT LANGUAGE="JavaScript">
var Message="*** Sua mensagem aqui *** ";
var place=1;
function scrollIn() {
window.status=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollOut()",100);
} else {
place++;
window.setTimeout("scrollIn()",50);
}
}
function scrollOut() {
window.status=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 50);
}
}
</SCRIPT>

MENSAGEM

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 5.50.4134.100" name=GENERATOR>
<SCRIPT language=JavaScript>
mensagem = prompt("Por favor digite seu nome",'');
if (mensagem==null) {
document.write(" TESTE")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#2F4F2F>!</font></b>")
}else{
document.write("<b><font face=arial size=4 color=#2F4F2F>Oi "+mensagem+"!Receba mais esse carinho meu !!</font></b>");
}
}
</SCRIPT>

TEXTO ROLANDO

<MARQUEE scrollAmount=3 scrollDelay=24 style="HEIGHT: 18px; WIDTH: 780px"><FONT

color=#c8d4e0 face=Verdana><STRONG>Beijos para todos</STRONG></FONT></MARQUEE>

TEXTO SUBINDO

<DIV>

// change 1 to another integer to alter the scroll speed. Greater is faster

var speed=2

var currentpos=0,alt=1,curpos1=0,curpos2=-1

function initialize(){

startit()

}

function scrollwindow(){

if (document.all)

temp=document.body.scrollTop

else

temp=window.pageYOffset

if (alt==0)

alt=1

else

alt=0

if (alt==0)

curpos1=temp

else

curpos2=temp

if (curpos1!=curpos2){

if (document.all)

currentpos=document.body.scrollTop+speed

else

currentpos=window.pageYOffset+speed

window.scroll(0,currentpos)

}

else{

currentpos=0

window.scroll(0,currentpos)

}

function startit(){

setInterval("scrollwindow()",80)

}

window.onload=initialize

</SCRIPT>

</DIV>

IMAGEM RODANDO NO CENTRO – ANTES DE <body>

// Rotation d'image ---------

function Rotation() {

m = DAControl.MeterLibrary;

img = m.ImportImage(image.src);

img = img.Transform(m.Rotate3RateDegrees(m.Vector3(0.3,0.25,0.3), 45).ParallelTransform2());

DAControl.Image = img;

DAControl.Start();}

</SCRIPT>

Dim w

Set w=document.body

sub InsCodeDA(x,y,l,h)

' -----insertion du controle Direct Animation ÃƒÂ la position et taille voulue----

codeDA="<OBJECT ID=DAControl STYLE='z-index: -1;position:absolute;Left: "&x&";Top:"&y&";width:"&l&";height:"&h&"' CLASSID='CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D'></OBJECT>"

w.insertAdjacentHTML "AfterBegin", codeDA

end sub

sub window_OnLoad()

w.scroll="yes"

InsCodeDA 0,0,w.offsetWidth,w.offsetHeight

Rotation

w.style.backgroundColor = "#a84048"

w.style.cursor=""

End Sub

</SCRIPT>

</DIV>

<DIV align=center><FONT color=#00ff00 face="Comic Sans MS" size=4>Texto

aqui</FONT></DIV

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><BASE

href=""></STYLE>

<BODY vLink=#7a7153 link=#7a7153 background="" alink-#D6341D><BGSOUND balance=0

src="" volume=0 loop=infinite>

<DIV><STRONG><EM><FONT face="Lucida Handwriting" color=#000000

size=3></FONT></EM></STRONG> </DIV>

<DIV><STRONG><EM><FONT face="Lucida Handwriting" color=#ff00ff

size=4></FONT></EM></STRONG> </DIV>

<DIV></DIV><IMG id=snowtemp style="DISPLAY: none"

src="IMAGEM AQUI">

var no = 16; // snow number

var speed = 1; // smaller number moves the snow faster

var snowflake = snowtemp.src;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer

var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables

var am, stx, sty; // amplitude and step variables

var i, doc_width = 800, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

} else if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

for (i = 0; i < no; ++ i) {

dx[i] = 0; // set coordinate variables

xp[i] = Math.random()*(doc_width-50); // set position variables

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20; // set amplitude variables

stx[i] = 0.02 + Math.random()/10; // set step variables

sty[i] = 0.7 + Math.random(); // set step variables

if (ns4up) { // set layers

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");

document.write("top=\"15\" visibility=\"show\"><img src=\"");

document.write(snowflake + "\" border=\"0\"></layer>");

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");

document.write("top=\"15\" visibility=\"show\"><img src=\"");

document.write(snowflake + "\" border=\"0\"></layer>");

}

} else if (ie4up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");

document.write(snowflake + "\" border=\"0\"></div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");

document.write(snowflake + "\" border=\"0\"></div>");

}

function snowNS() { // Netscape main animation function

for (i = 0; i < no; ++ i) { // iterate for every dot

yp[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = 500;

}

dx[i] += stx[i];

document.layers["dot"+i].top = yp[i];

document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowNS()",speed);

}

function snowIE() { // IE main animation function

for (i = 0; i < no; ++ i) { // iterate for every dot

yp[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = document.body.clientWidth;

doc_height = 500;

}

dx[i] += stx[i];

document.all["dot"+i].style.pixelTop = yp[i];

document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowIE()",speed);

}

if (ns4up) {

snowNS();

} else if (ie4up) {

snowIE();

}

// End -->

</SCRIPT>

</DIV></BODY></HTML>

BORBOLETAS VOANDO – depois </body>

<IMG id=balloon style="DISPLAY: none"

src="C:IMAGEM AQUI">

var images=balloon.src;//Put your image name here!!

var amount=7;//Number of images here. Do not alter for this script!!

var cnter=70;

var step;

var currStep = 0;

var Xpos = 0;

var Ypos = 0;

if (document.all)

{

document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')

document.write('<div id="c" style="position:relative">');

for (n=0; n < amount; n++)

document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')

document.write('</div>')

function MsieMouseFollow(){

Xpos = document.body.scrollLeft+event.x-5;

Ypos = document.body.scrollTop+event.y-5;

}

document.onmousemove = MsieMouseFollow;

}

else if (document.layers)

{

window.captureEvents(Event.MOUSEMOVE);

for (ns=0; ns < amount; ns++)

document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");

function NsMouseFollow(evnt){

Xpos = evnt.pageX-5;

Ypos = evnt.pageY-5;

}

window.onMouseMove = NsMouseFollow;

}

function Swirl(){

if (currStep<0.0550)

step=0.001;

if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

}

else if (document.layers)

{

for ( i = 0 ; i < ns ; i++ )

{

var temp="n"+i

document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

}

currStep += step;

setTimeout("Swirl()", 10);

if (currStep>0.0540)

{

step+=0.002;

if (document.layers)

{

for ( i = 0 ; i < ns ; i++ )

{

var temp="n"+i

document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)

document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

}

else if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)

ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

}

if (step > 0.5)

{

step=0.5;

cnter-=8;

}

if (document.layers)

_y=-window.innerWidth;

else if (document.all)

_y=-document.body.clientWidth;

if (cnter <= _y)

{

currStep=0;

step=0.001;

cnter=70;

}

Swirl();

// -->

</SCRIPT>