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