В этой статье используется конкретный код реализации анимации имитации JavaScript Flash Mask для вашей ссылки. Конкретный контент заключается в следующем
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> анимация флэш-маски </title> <meta name = "keywords" content = ""> <meta name = "description =" "> <script charset =" utf-8 "src =" jquery.js "> </script charset =" utf-8 " media = "screen"> body {margin: 0;}#banner {позиция: относительно; ширина: 858px; высота: 238px; overflow: hidden;} </style> </head> <body> <div id = "banner"> <a href = "javascript: oid (0); type = "text/javascript"> function setmasmingAnimation (контейнер, ширина, высота, время, пиксель, цвет) {var __left = mtrand (parseint (ширина*0,25), parseint (ширина*0,75)); var __top = mtrand (parseint (высота*0,25), parseint (высота*0,75)); if (width> = height) {var widthspeed = parseint ((ширина/высота)*10); var heightspeed = 10; var __width = widthSpeed; var __height = heightspeed; } else {var widthspeed = 10; var heightspeed = parseint ((высота/ширина)*10); var __width = widthSpeed; var __height = heightspeed; } var hander; // function getPosition (_width, _height, _left, _top) {var div1 = {"width": _ слева, "высота": _ top, "слева": 0, "top": 0}; var div2 = {"width": _ width, "height": _ top, "слева": _ слева, "top": 0}; var div3 = {"width": width -_left-_width, "height": _ top, "left": _ Left+_width, "top": 0}; var div4 = {"width": _ слева, "высота": _ Высота, "top": _ top}; var div5 = {"width": _ ширина, "высота": _ Высота, "слева": _ top}; var div6 = {"width": width-_left-_width, "height": _ height, "слева": _ слева+_width, "top": _ top}; var div7 = {"width": _ слева, "высота": height -_top-_height, "слева": 0, "top": _ top+_height}; var div8 = {"width": _ width, "height": height -_top-_height, "слева": _ слева, "top": _ top+_height}; var div9 = {"width": width-_left-_width, "height": height -_top-_height, "слева": _ слева+_width, "top": _ top+_height}; return {"div1": div1, "div2": div2, "div3": div3, "div4": div4, "div5": div5, "div6": div6, "div7": div7, "div8": div8, "div9": div9,}; } // function mtrand (n1, n2) {return parseint (math.random ()*(n2-n1+1)+n1); } // function setDiv (i, position) {var есть = $ (контейнер) .find ("div.mask"+i); if (hast.length) {has.css ("Left", position.left); has.css ("top", position.top); has.css ("width", position.width); has.css («высота», позиция. } else {var html = '<div style = "position: absolute; left: {@left} px; top: {@top} px; width: {@width} px; height: {@height} px; фоновый цвет: {@fostercolor};"> </div>'; html = html.replace ('{@i}', i); html = html.replace ('{@left}', position.left); html = html.replace ('{@top}', position.top); html = html.replace ('{@width}', position.width); html = html.replace ('{@height}', position.height); if (i == 5) {html = html.replace ('{@founalcolor}', "прозрачный"); } else {html = html.replace ('{@founalcolor}', color); } $ (контейнер) .append (html); }} // function play () {__width+= pixel*widthSpeed; __height+= pixel*heightspeed; __left- = pixel*widthspeed/2; __top- = pixel*heightspeed/2; var position = getPosition (__ ширина, __ высота, __ слева, __ сверху); for (var i = 1; i <= 9; i ++) {setDiv (i, position ["div"+i]); } if (position.div1.width <= 0 && pociote.div1.height <= 0 && pocitor.div9.width <= 0 && position.div9.height <= 0) {window.clearInterval (anderer); $ (контейнер) .find ("div.mask"). Remove (); }} // hander = window.setInterval (play, time);} $ (function () {setMaskingAnimation ("#Banner", 858,238,100,2, "#ff0000"); // Установка 4 -го параметра и 5 -й параметр соответственно будет лучше.//5 -й параметром должен быть даже номер};Выше приведено все об этой статье, и я надеюсь, что для всех будет полезно изучить программирование JavaScript.