primeira vez que eu posto um tutorial aqui nesta parte do fórum.
E por isso, resolvi fazer um tutorial de uma coisa que me pedem sempre que me adicionam no MSN.
É um letreiro digital em que o usuário escolhe a direção em que ele deve girar, ou seja, existem duas setas para a direita e esquerda que quando o usuário passa o mouse em cima, o letreiro muda a direção para a direção correspondente.
Na verdade ninguem deve ter entendido direto o que eu quis dizer, até porque, eu nem sei explicar isso direito. Desculpem.
Mas é só você testar o script em sua própia máquina que você vai entender e ver o resultado.
<script>
function DirectLeft() { letreiro.direction="left"; }
function DirectRight() { letreiro.direction="right"; }
function DirectStop() { letreiro.stop(); }
function DirectStart() { letreiro.start(); }
</script>
<table width=500 border=0 cellspacing=2 cellpadding=2>
<tr>
<a href="javascript:;" onmouseover=DirectLeft();>
<td bgcolor=f0f0f0 width=10><center>«</center></td>
</a>
<td bgcolor=cccccc>
<a href="javascript:;" onmouseout=DirectStart(); onmouseover=DirectStop();>
<marquee direction="left" width="480" scrollamount="1" scrolldelay="1" id="letreiro">
<table border=0><tr><td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td>
<td width=180><font face=verdana size=1><center>Notícia</center><br><p align=justify>Aqui vai a descrição breve da notícia!</p></td></tr></table>
</marquee></a>
</td>
<a href="javascript:;" onmouseover=DirectRight();>
<td bgcolor=f0f0f0 width=10><center>»</center></td>
</a>
</tr>
</table>Ok! duvida postem por favor!
[]'s
