Я работал над проектом в последние несколько дней. Оказалось, что это сделано с анимацией CSS3. Поскольку это несовместимо с IE, он был изменен на использование JS. Я поделюсь им с вами для вашего ссылки. Если в коде есть какие -либо ошибки, пожалуйста, простите меня за то, что я не написал хорошо!
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "en"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> type = "text/css">. W1000 {позиция: относительная; ширина: 1000px; margin: 0 Auto;}. PositionPub {position: Absolute;}. PositionPub p {ширина: 50px; высота: 50px; фон:#333; цвет: #ffff; line-hight: 50px; text-align: center; position: Absolute;}. Ad_float {t op: 50px; слева: 50px;}. ad_float1 {top: 150px; слева: 250px;}. Ad_float2 {top: 250px; слева: 450px;} </style> </head> <body> <div> <div> <p id = "ad_float"> слева </p> </div> <div> <p id = "ad_float1"> справа </p> </div> <div> <p id = "ad_float2"> down </p> </div> </div> <script type = "text/javascript"> var x = 0, y = 0, x1 = 0; 2; var Delay = 10; var obj = document.getElementById ("ad_float"); var obj1 = document.getElementById ("ad_float1"); var obj2 = document.getElementById ("ad_float2"); function ad_float () {var l = 0; var r r = 100; "px"; x = x + step * (xin? 1: -1); if (x <l) {xin = true; x = l;} if (x> r) {xin = false; x = r;}}; function ad_float1 () {var l1 = 0; var r1 = 100; obj1.lestle.left = x1 + документ. "PX"; x1 = x1 + step * (xin? 1: -1); if (x1 <l1) {xin = true; x1 = l1;} if (x1> r1) {xin = false; x1 = r1;}}; function ad_float2 () {var t = 0; var B = 150; + "px"; y = y + step2 * (yin? 1: -1); if (y <t) {yin = true; y = t;} if (y> b) {yin = false; y = b;}}; var itl = setInterval ("ad_float ()", dower); var Itl1 = setInterval ("ad_float1 (); setInterval ("ad_float2 ()", dower); </script> </body> </html>Код заканчивается здесь, я надеюсь, что он будет полезен всем!