Artikel ini membagikan kode implementasi spesifik dari animasi flash flash javascript untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Flash mask animation</title><meta name="keywords" content=""><meta name="description" content=""><script charset="utf-8" src="jquery.js"></script><style media = "layar"> body {margin: 0;}#spanduk {posisi: relatif; lebar: 858px; tinggi: 238px; overflow: tersembunyi;} </style> </head> <body> <v id = "spanduk"> <a href = "javascript: void (0);"> <iMg> <a href = "javaScript: void (0);"> <iMg> type = "Text/JavaScript"> Function setMaskinganimation (wadah, lebar, tinggi, waktu, piksel, warna) {var __Left = mtrand (parseInt (lebar*0,25), parseInt (lebar*0,75)); var __top = mtrand (parseInt (tinggi*0,25), parseInt (tinggi*0,75)); if (width> = height) {var widthspeed = parseInt ((lebar/tinggi)*10); var heightspeed = 10; var __width = WidthSpeed; var __height = heightspeed; } else {var widthspeed = 10; var heightspeed = parseInt ((tinggi/lebar)*10); var __width = WidthSpeed; var __height = heightspeed; } var hander; // function getPosition (_width, _height, _left, _top) {var div1 = {"width": _ kiri, "tinggi": _ atas, "kiri": 0, "atas": 0}; var div2 = {"lebar": _ lebar, "tinggi": _ atas, "kiri": _ kiri, "atas": 0}; var div3 = {"width": width -_left -_width, "height": _ atas, "kiri": _ kiri+_width, "atas": 0}; var div4 = {"lebar": _ kiri, "tinggi": _ tinggi, "atas": _ top}; var div5 = {"lebar": _ lebar, "tinggi": _ tinggi, "kiri": _ top}; var div6 = {"width": width -_left -_width, "height": _ height, "left": _ kiri+_width, "atas": _ atas}; var div7 = {"lebar": _ kiri, "tinggi": height -_top -_height, "kiri": 0, "atas": _ Top+_height}; var div8 = {"width": _ width, "height": height-_top -_height, "kiri": _ kiri, "atas": _ top+_height}; var div9 = {"width": width -_left-_width, "height": height-_top -_height, "kiri": _ kiri+_width, "atas": _ top+_height}; Kembalikan {"Div1": Div1, "Div2": Div2, "Div3": Div3, "Div4": Div4, "Div5": Div5, "Div6": Div6, "Div7": Div7, "Div8": Div8, "Div9": Div9,}; } // fungsi mtrand (n1, n2) {return parseInt (math.random ()*(n2-n1+1)+n1); } // fungsi setDiv (i, position) {var have = $ (container) .find ("div.mask"+i); if (has.length) {has.css ("kiri", position.left); has.css ("atas", position.top); has.css ("lebar", position.width); has.css ("tinggi", position.height); } else {var html = '<div style = "position: absolute; left: {@left} px; top: {@top} px; lebar: {@lebar} px; tinggi: {@height} px; latar belakang-color: {@latar belakangColor};"> </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 ('{@backgroundColor}', "transparent"); } else {html = html.replace ('{@@backgroundColor}', color); } $ (container) .Append (html); }} // function play () {__width+= pixel*widthspeed; __Height+= pixel*Heightspeed; __left- = pixel*lebah/2; __top- = pixel*Heightspeed/2; var position = getPosition (__ lebar, __ tinggi, __ kiri, __ atas); untuk (var i = 1; i <= 9; i ++) {setDiv (i, position ["div"+i]); } if (position.div1.width <= 0 && position.div1.height <= 0 && position.div9.width <= 0 && position.div9.height <= 0) {window.clearInterval (hander); $ (wadah) .find ("Div.mask"). Remove (); }} // hander = window.setInterval (play, time);} $ (function () {setMaskinganimation ("#Banner", 858.238.100,2, "#ff0000"); // Parameter ke -4 dan Parameter ke -5 (masing -masing Parameter, Parameter ke -5) </Parameter ke -5 (Parameter ke -5) </Parameter ke -5 (masing -masing Parameter, Parameter ke -5) </Parameter ke -5.Di atas adalah semua tentang artikel ini, dan saya harap akan sangat membantu bagi semua orang untuk mempelajari pemrograman JavaScript.