Eu trabalhei em um projeto nos últimos dias. Acabou sendo feito com a animação CSS3. Por ser incompatível com o IE, foi alterado para o uso de JS. Vou compartilhar com você para sua referência. Se houver algum bug no código, perdoe -me por não escrever bem!
<! xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "en"> <head> <meta http-equiv = "content-ttype" content = "text/html; charset = utf-8"/> <timple> float e topo e topo e topo </html; charset = utf-8 "/> <type" eterna e " type = "Texto/CSS">. W1000 {Posição: Relativo; largura: 1000px; margem: 0 auto;} p {largura: 50px; altura: 50px; fundo:#333; cor: #ffff; altura da linha: 50px; text-align: Centro; posição: absoluto;}. ad_float {t Op: 50px; esquerda: 50px;}. ad_float1 {top: 150px; esquerda: 250px;}. ad_float2 {top: 250px; esquerda: 450px;} </style> </ad Head> <body> <div> <div> <p id = "ad_float"> esquerda </p> </div> <div> <p id = "ad_float1"> direita </p> </div> <div> <p id = "ad_float2"> down </p> </fl> </div> <script type = "text/javascript"> var x = 0, y = 0, y = 0, y = 0, y = 0, y = 0, y = 01; 1, passo 2 = 2; var atraso = 10; var obj = document.getElementById ("ad_float"); var obj1 = document.getElementById ("ad_float1"); var obj2 = document.getElementById ("ad_float2"); função ad_float () {var l = 0; document.documentElement.ScrollLeft + "px"; x = x + etapa * (xin? 1: -1); if (x <l) {xin = true; x = l;} if (x> r) {xin = false; x = r;}}; function ad_float1 () {o. 0; var; document.documentElement.Scrollleft + "px"; x1 = x1 + etapa * (xin? 1: -1); if (x1 <l1) {xin = true; x1 = l1;} se (x1> r1) {xin = false; x1 = r1;}}; função; y + document.documentElement.Scrolltop + "px"; y = y + step2 * (yin? 1: -1); if (y <t) {yin = true; y = t;} if (y> b) {yin = false; y = b;}}; var itl = setInterval ("adlloat ()" tlays; setInterval ("ad_float1 ()", atraso); var itl2 = setInterval ("ad_float2 ()", atraso); </script> </body> </html>O código termina aqui, espero que seja útil para todos!