คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> เอกสารที่ไม่ใช่ title </title>
<style>
.ld_anipic {ตำแหน่ง: Absolute;
</style>
<script>
// การสร้างภาพเคลื่อนไหว LD
// โหลดหาร
ฟังก์ชั่น ldani (content_id, id_flag, start_id) {
this.contain_id = contain_id;
this.id_flag = id_flag;
this.start_id = start_id;
this.a = new Array ();
this.tempa = new Array ();
this.add_cmd = function (cmd) {
this.a.unshift (CMD);
-
this.bakdata = function () {
this.tempa = this.a.concat ();
-
this.steprun = function () {
if (this.a.length <1) {{
// จากสำเนาของสำเนาไปยังแคชมันถูกใช้เพื่อหมุนเวียน
//this.a = this.tempa.concat ();
กลับ;
-
var x = this.a.pop ();
var cmds = x.toString ()
สำหรับ (var i = 0; i <cmds.length; i ++) {
if (cmds [i] .tring (). 10th> 0) {{
var d = cmds [i] .tring ()
this.dit (d [0], d [1], d [2], d [3]);
-
-
-
this.dit = function (objid, cmd, cs1, cs2) {{
var obj = null;
พยายาม {
obj = document.getElementById (this.id_flag + objid);
} catch (e) {}
// การย้ายหมายถึงการเคลื่อนไหว
if (cmd == "m") {{
obj.style.left = cs1 + "px";
obj.style.top = cs2 + "px";
-
// แสดงการแสดง
อื่นถ้า (cmd == "s") {{
obj.style.display = "block";
-
// ความหมายที่ซ่อนอยู่ซ่อน
อื่นถ้า (cmd == "h") {{
obj.style.display = "ไม่มี";
-
อื่นถ้า (cmd == "a") {{
this.start_id ++;
var atag = document.createElement ("A");
atag.setAttribute ("คลาส", "ld_anipic");
atag.setAttribute ("id", this.id_flag + this.start_id);
document.getElementById (this.contain_id) .AppndChild (ATA);
พยายาม {
obj = document.getElementById (this.id_flag + this.start_id);
} catch (e) {}
obj.style.display = "block";
obj.style.left = cs1 + "px";
obj.style.top = cs2 + "px";
-
-
-
// ความเร็วภาพเคลื่อนไหวสามารถควบคุมได้ที่นี่
var ani = ใหม่ ldani ("ld_anicon", "ldanim_pic", 1);
// 7
ani.add_cmd ("1, a, 0,0");
ani.add_cmd ("1, a, 10,0");
ani.add_cmd ("1, a, 20,0");
ani.add_cmd ("1, a, 30,0");
ani.add_cmd ("1, a, 40,0");
ani.add_cmd ("1, a, 50,0");
ani.add_cmd ("1, a, 50,10");
ani.add_cmd ("1, a, 44,20");
ani.add_cmd ("1, a, 39,30");
ani.add_cmd ("1, a, 35,40");
ani.add_cmd ("1, a, 31,50");
ani.add_cmd ("1, a, 29,60");
ani.add_cmd ("1, a, 27,70");
ani.add_cmd ("1, a, 25,80");
ani.add_cmd ("1, a, 23,90");
ani.add_cmd ("1, a, 22,100");
ani.add_cmd ("1, a, 21,110");
// 5
ani.add_cmd ("1, a, 70,0");
ani.add_cmd ("1, a, 70,10");
ani.add_cmd ("1, a, 70,20");
ani.add_cmd ("1, a, 70,30");
ani.add_cmd ("1, a, 70,40");
ani.add_cmd ("1, a, 84,45");
ani.add_cmd ("1, a, 96,50");
ani.add_cmd ("1, a, 106,55");
ani.add_cmd ("1, a, 114,60");
ani.add_cmd ("1, a, 120,65");
ani.add_cmd ("1, a, 120,70");
ani.add_cmd ("1, a, 120,75");
ani.add_cmd ("1, a, 120,80");
ani.add_cmd ("1, a, 120,85");
ani.add_cmd ("1, a, 120,90");
ani.add_cmd ("1, a, 114,95");
ani.add_cmd ("1, a, 106,100");
ani.add_cmd ("1, a, 96,105");
ani.add_cmd ("1, a, 84,110");
ani.add_cmd ("1, a, 70,110");
ani.add_cmd ("1, a, 80,20");
ani.add_cmd ("1, a, 90,20");
ani.add_cmd ("1, a, 100,20");
ani.add_cmd ("1, a, 110,20");
ani.add_cmd ("1, a, 120,20");
ani.bakdata ();
setInterval ("ani.steprun ()", 50);
</script>
</head>
<body>
<div> ใช้ js เพื่อย้ายรูปภาพบางส่วนเพื่อสร้างเอฟเฟกต์ภาพเคลื่อนไหว </div>
<table>
<tr>
<td id = "ld_anicon" style = "ตำแหน่ง: เกี่ยวข้อง: แสดง: inline-block; ความกว้าง: 160px;">
</td>
<td style = "แสดง: inline-block; ขนาดตัวอักษร: 250px;">
soft.com
</td>
</tr>
</table>
</body>
</html>