Newsgroup: it.comp.www.html
Titolo: Come si realizza?

Ciao a tutti,
Ho visto una bella applicazione nel sito della agfa 
www.agfa.it
 (non faccio
pubblicità!) che fa muovere una scritta in maniera molto simpatica seguendo
il movimento del mouse.
Non sono un esperto di web designing per cui vi chiedo se esiste un applet
di pubblico dominio che faccia la stessa cosa.
Qualora questo non fosse il niusgrup giusto mi scuso e ci chiedo a quale
altro riferirmi.
Grazie in anticipo,
Davide
P.S. se poi potete anche rispondermi in e.mail sarebbe perfetto!
david...@tin.it


Trovi tutto in 
www.html.it
 in 'javascript' (e' una news, vedi i precedenti)
Se non lo trovi fammi sapere.


 di pubblico dominio che faccia la stessa cosa.
Nono...ho visto il sito in questione,  direi che è un normale Javascript. 
Se apri l'HTML dal tuo browser, vedi che dopo il <body> c'è tutta quella 
pappardella di javascript. 
Te la copi, e la sbatti sull'HTML del tuo sito. 
Attenzione che le parole componenti la scritta animata vengono inserite 
ciascuna in una gif, e dichiarate nella primissima parte del codice 
("codice aggiunto")
Cmq questi effettini li trovi tranquillamente anche su 
www.html.it
 o 
www.risorse.net
 


Questo è il codice html dell'intera pagina, fatti trovare da qualche esperto
le stringhe di codice che cerchi:
<html>
<head>
<title>Benvenuti in AGFA</title>
</head>
<BODY bgcolor="#000000">
<!-- Codice Aggiunto > -->
<div id="dot0" style="position: absolute; visibility: hidden; height: 11;
width: 11;"><img src="/homepage.nsf/bullet.gif" height=11 width=11></div>
<div id="dot1" style="position: absolute; height: 11; width: 11;"> <img
src="/homepage.nsf/bullet5.gif" height=11 width=11></div>
<div id="dot2" style="position: absolute; height: 11; width: 11;"> <img
src="/homepage.nsf/bullet6.gif" height=11 width=11></div>
<div id="dot3" style="position: absolute; height: 11; width: 11;"> <img
src="/homepage.nsf/bullet7.gif" height=11 width=11></div>
<div id="dot4" style="position: absolute; height: 11; width: 11;"> <img
src="/homepage.nsf/bullet8.gif" height=11 width=11></div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var nDots = 5;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
// let dots sit there for a few seconds
// since they're hiding on the real bullets
setTimeout("startanimate()", 3000);
   }
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
   }
}
function startanimate() {
setInterval("animate()", 20);
}
function setInitPositions(dots) {
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e) {
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
   }
}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS
+ GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y >=  height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top =  dots[i].Y;
   }
}
// End -->
</script>
<table border="0" width="67%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%">
      <p align="center"><b><font color="#FFFFFF" face="Verdana"
size="6">Benvenuti sul sito di
      Agfa Italia</font></b></td>
  </tr>
</table>
<p><img border="0" src="/homepage.nsf/earth.jpg" alt="Agfa Gevaert S.p.A. -
Milano ITALY" width="222" height="228"><img border="0"
src="/homepage.nsf/See.jpg" alt="Agfa Gevaert S.p.A. - Milano ITALY"
width="289" height="91"></p>
<p>&nbsp;</p>
<table border="0" width="62%" cellspacing="0" cellpadding="0" height="69">
  <tr>
    <td width="100%" align="center" height="14"><a
href="\homepage.nsf/Main?OpenPage"><b><font face="Verdana" size="2"
color="#FF0000">accesso
      diretto alla pagina principale</font></b></a></td>
  </tr>
  <tr>
    <td width="100%" align="center" height="20">.</td>
  </tr>
  <tr>
    <td width="100%" align="center" height="15"><font face="Verdana"
color="#FF0000"><a href="homepage.nsf/flashintro?OpenPage" style="color:
#FF0000"><font size="2">introduzione
      animata </font></a><font size="2"> </font></font><font face="Verdana"
size="1" color="#FFFFFF">(richiede
      plug-in Flash© 4.0)</font></td>
  </tr>
  <tr>
    <td width="100%" align="center" height="20"></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>