O código apresenta um texto que se movimenta de acordo com o mouse. O eeito é realizado através de algumas funções em JavaScript e da tag Marquee do HTML.
<body>
<!--------------------COMEÇA AQUI------------------------->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var ostat = false;
function scrollstop() {
news.scrollAmount = 0;
ostat = true;
}
function scrollplay() {
news.scrollAmount = 5;
ostat = false;
}
function scrolldir() {
mid = screen.width / 2;
mouse = event.x;
if(mouse > mid) {
if(ostat == false) {
speed = (mouse - mid) / 25;
news.scrollAmount = speed;
}
news.direction = "right";
}
else {
if(ostat == false) {
speed = (mid - mouse) / 25;
news.scrollAmount = speed;
}
news.direction = "left";
}
}
// -->
</script>
</HEAD>
<BODY onMouseMove="scrolldir()">
<marquee name=news id=news behavior=scroll direction=left scrollamount=5 scrolldelay=1 hspace=0 vspace=0 onmouseover="scrollstop()" onmouseout="scrollplay()">
<font face=verdana size=3 color=#1e90ff><b>Fabio Poletto . . .O melhor do javascript!</b></font>
</marquee>
<br><br>
(Mova seu mouse para cima do marquee para ver o efeito.)
<!--------------------TERMINA AQUI------------------------->
</body>
</html>
Postagens
0 comentários:
Postar um comentário