Curso de Formatação Avançado- Lição
11
Efeito no mouse sem usar imagem
Se você quiser um efeito bonitinho no mouse, sem ter que
colocar nenhuma imagem, como neste exemplo, faça o seguinte:
1. Abra uma nova mensagem.
2. Clique na aba "Origem" de sua nova mensagem.
3. Coloque o código que aparece logo abaixo antes da tag
</body>
<BODY bgColor=#000000>
<SCRIPT language=JavaScript>
<!-- Pulse-Spin Script by kurt.grigg@virgin.net
var speed;
var currStep = 0;
var Xpos=0;
var Ypos=0;
var Base=100;
var colours=new Array('ff00ff','aaaaff','ffa500','ff0000','fff000');
var N=colours.length;
var Split=360/N;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
Ypos = (document.layers)?evnt.pageY:event.y;
Xpos = (document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
if (document.layers){
for (i=0; i < N; i++)
document.write('<LAYER NAME="nsstars'+i+'" TOP=0 LEFT=0
BGCOLOR='+colours[i]+' CLIP="0,0,2,2"></LAYER>');
}
if (document.all){
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div
style="position:relative">');
for (i=0; i < N; i++)
document.write('<span id="iestars" style="position:absolute;top:0;left:0;width:2px;height:2px;background:'+colours[i]+';font-size:2px"></span>');
document.write('</div></div>');
}
function PulseSpin(){
if (document.all) ie.style.top=document.body.scrollTop;
if (currStep < 0.0550) speed=0.001;
for (i=0; i < N; i++){
var L=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;
L.top=Ypos+Base*Math.sin(currStep+i*Split*Math.PI/180)*Math.sin((currStep)*150);
L.left=Xpos+Base*Math.cos(currStep+i*Split*Math.PI/180)*Math.sin((currStep)*150);
if (currStep > 0.0540){
speed+=0.0003;
L.top=Ypos+Base*Math.sin(currStep+i*Split*Math.PI/180);
L.left=Xpos+Base*Math.cos(currStep+i*Split*Math.PI/180);
}
}
if (speed > 0.21){
speed=0.21;
Base-=8;
}
var W=(document.layers)?-window.innerWidth*2:-document.body.clientWidth*2;
if (Base < 0){
Base-=30;speed=0;
}
if (Base <= W){
currStep=0;
speed=0.001;
Base=100;
}
currStep+=speed;
setTimeout('PulseSpin()',10);
}
PulseSpin();
//-->
</SCRIPT>
Tarefa:
Use o script acima em um e-mail que tenha um back e uma tabela
com uma imagem ao centro dela. Escreva um texto abaixo da imagem
e dentro da tabela. Insira um link que fique da mesma cor de seu
texto. Insira também uma música e os elementos básicos:
moldura e barra de rolagem colorida no e-mail. Insira também
o script que você salvou em seu bloco de notas. Envie oa grupo.
Importante: Insira
seu cartão de visitas!
Endereço do grupo: tutorial_emails@yahoogrupos.com.br
Lembre-se de indicar no campo Assunto: Nome do aluno, Nível
e Número da lição. Caso a lição
tenha sido refeita, inclua a palavra "refeita".
Lição elaborada por Lilian Russo
Lilian Russo - Todos os Direitos Reservados - ©2002/2008
|
