Imagem em pingue-pongue
Este script faz com que uma imagem fique "passeando" em
estilo "pingue-pongue", batendo de um lado para o outro.
Veja um exemplo
aqui.
Primeiro escolha uma imagem em sua pasta de figuras (de preferência
gif transparente com 40px de largura e 40px de altura, mas você
pode também adaptar as dimensões no script, nos itens
que estão em vermelho, bem no final do código: <P><SPAN
id=superball><IMG height=40 src="C:\tutorial\lili\imagens\16-1.gif"
width=40 border=0 name=superballImage></A>)
Vou deixar aqui algumas imagens (fiz usando Preset Shapes do PSP)
em tamanho padrão para o script:
Depois, abra uma nova mensagem, clique na aba "Origem"
e cole o seguinte código:
----------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff background="endereço
do plano de fundo">
<DIV> </DIV>
<SCRIPT language=JavaScript>
<!--
/*
#################################
# #
# Script Brasil #
# #
# http://www.ScriptBrasil.com #
#################################
*/
//Configure a velocidade
var ballWidth = 40;
var ballHeight = 40;
var BallSpeed = 11;
var maxBallSpeed = 50;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
function initializeBall() {
if (document.all) {
xMax = document.body.clientWidth
yMax = document.body.clientHeight
document.all("superball").style.visibility = "visible";
}
else if (document.layers) {
xMax = window.innerWidth;
yMax = window.innerHeight;
document.layers["superball"].visibility = "show";
}
setTimeout('moveBall()',400);
}
function moveBall() {
if (superballRunning == true) {
calculatePosition();
if (document.all) {
document.all("superball").style.left = xPos + document.body.scrollLeft;
document.all("superball").style.top = yPos + document.body.scrollTop;
}
else if (document.layers) {
document.layers["superball"].left = xPos + pageXOffset;
document.layers["superball"].top = yPos + pageYOffset;
}
setTimeout('moveBall()',30);
}
}
function calculatePosition() {
if (xDir == "right") {
if (xPos > (xMax - ballWidth - BallSpeed)) {
xDir = "left";
}
}
else if (xDir == "left") {
if (xPos < (0 + BallSpeed)) {
xDir = "right";
}
}
if (yDir == "down") {
if (yPos > (yMax - ballHeight - BallSpeed)) {
yDir = "up";
}
}
else if (yDir == "up") {
if (yPos < (0 + BallSpeed)) {
yDir = "down";
}
}
if (xDir == "right") {
xPos = xPos + BallSpeed;
}
else if (xDir == "left") {
xPos = xPos - BallSpeed;
}
else {
xPos = xPos;
}
if (yDir == "down") {
yPos = yPos + BallSpeed;
}
else if (yDir == "up") {
yPos = yPos - BallSpeed;
}
else {
yPos = yPos;
}
}
if (document.all||document.layers)
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
// -->
</SCRIPT>
<STYLE type=text/css>#superball {
LEFT: 0px; VISIBILITY: hidden; WIDTH: 40px; POSITION: absolute;
TOP: 0px; HEIGHT: 40px
}
</STYLE>
<P><SPAN id=superball><IMG height=40
src="endereço da imagem"
width=40 border=0 name=superballImage></A></SPAN>
<P></P></BODY></HTML>
----------------------------------------------------------------------------------------------------------------------------------------------------------------
Aqui
você encontra a versão prontinha para e-mail dessa
tabela. Está zipada
no formato .eml (próprio para o Outlook Express)
Dica adaptada por Lilian Russo - Fonte Script
Brasil
Lilian Russo - Todos os Direitos Reservados - ©2002/2007
|
