次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Title>非文書</title>
<style>
.LD_ANIPIC {Absolute;
</style>
<スクリプト>
// LDアニメーションフォーメーション
// divid loaded
function ldani(cantal_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( ";");
for(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";
}
// show show
else if(cmd == "s"){{
obj.style.display = "block";
}
//隠された隠された意味
else if(cmd == "h"){{
obj.style.display = "none";
}
else if(cmd == "a"){{
this.start_id ++;
var atag = document.createelement( "a");
atag.setattribute( "class"、 "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 = new 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>
<表>
<tr>
<td id = "ld_anicon" style = "position:related:display:inline-block; width:160px;">
</td>
<td style = "display:inline-block; font-size:250px;">
soft.com
</td>
</tr>
</table>
</body>
</html>