文章来源： BBS.KESONIC.COM
第一步:把如下代码加入<head>区域中
<SCRIPT language=JavaScript>
<!--
function MM_timelinePlay(tmLnName, myID) {
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
if (document.MM_Time == null) MM_initTimelines();
tmLn = document.MM_Time[tmLnName];
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}
if (myID == tmLn.ID) {
setTimeout(’MM_timelinePlay("’+tmLnName+’",’+myID+’)’,tmLn.delay);
fNew = ++tmLn.curFrame;
for (i=0; i<tmLn.length; i++) {
sprite = tmLn[i];
if (sprite.charAt(0) == ’s’) {
if (sprite.obj) {
numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {
keyFrm=1;
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr != props.length) {
if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
} else {
while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
} } } } }
} else if (sprite.charAt(0)==’b’ && fNew == sprite.frame) eval(sprite.value);
if (fNew > tmLn.lastFrame) tmLn.ID = 0;
} }
}
function MM_timelineGoto(tmLnName, fNew, numGotos) {
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
if (document.MM_Time == null) MM_initTimelines();
tmLn = document.MM_Time[tmLnName];
if (numGotos != null)
if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
jmpFwd = (fNew > tmLn.curFrame);
for (i = 0; i < tmLn.length; i++) {
sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i];
if (sprite.charAt(0) == "s") {
numKeyFr = sprite.keyFrames.length;
firstKeyFr = sprite.keyFrames[0];
lastKeyFr = sprite.keyFrames[numKeyFr - 1];
if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue;
for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr == props.length) propNum = keyFrm-1
else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1);
if (sprite.obj != null) {
if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
else sprite.obj[props.prop2][props.prop] = props[propNum];
} }
} else if (sprite.charAt(0)==’b’ && fNew == sprite.frame) eval(sprite.value);
}
tmLn.curFrame = fNew;
if (tmLn.ID == 0) eval(’MM_timelinePlay(tmLnName)’);
}
function MM_initTimelines() {
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
document.MM_Time = new Array(1);
document.MM_Time[0] = new Array(8);
document.MM_Time["Timeline1"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "Timeline1";
document.MM_Time[0].fps = 10;
document.MM_Time[0][0] = new String("sprite");
document.MM_Time[0][0].slot = 1;
if (ns)
document.MM_Time[0][0].obj = document["Layer1"];
else
document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;
document.MM_Time[0][0].keyFrames = new Array(2, 6, 9, 12, 15, 18);
document.MM_Time[0][0].values = new Array(4);
document.MM_Time[0][0].values[0] = new Array(263,264,265,266,268,268,268,268,271,272,273,270,268,266,265,264,263);
document.MM_Time[0][0].values[0].prop = "left";
document.MM_Time[0][0].values[1] = new Array(101,95,89,82,76,87,98,108,100,93,86,91,96,100,102,104,106);
document.MM_Time[0][0].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][0].values[0].prop2 = "style";
document.MM_Time[0][0].values[1].prop2 = "style";
}
document.MM_Time[0][0].values[2] = new Array(58,54,50,46,43,33,24,15,20,25,31,36,41,47,48,49,50);
document.MM_Time[0][0].values[2].prop = "width";
if (!ns)
document.MM_Time[0][0].values[2].prop2 = "style";
document.MM_Time[0][0].values[3] = new Array(52,51,50,49,48,46,44,42,43,44,45,46,47,49,48,47,47);
document.MM_Time[0][0].values[3].prop = "height";
if (!ns)
document.MM_Time[0][0].values[3].prop2 = "style";
document.MM_Time[0][1] = new String("sprite");
document.MM_Time[0][1].slot = 2;
if (ns)
document.MM_Time[0][1].obj = document["Layer2"];
else
document.MM_Time[0][1].obj = document.all ? document.all["Layer2"] : null;
document.MM_Time[0][1].keyFrames = new Array(2, 5, 9, 12, 15, 18);
document.MM_Time[0][1].values = new Array(2);
document.MM_Time[0][1].values[0] = new Array(323,323,322,322,322,322,322,323,324,326,328,326,324,322,322,322,323);
document.MM_Time[0][1].values[0].prop = "left";
document.MM_Time[0][1].values[1] = new Array(126,120,115,111,110,111,111,111,108,105,101,105,109,113,117,122,126);
document.MM_Time[0][1].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][1].values[0].prop2 = "style";
document.MM_Time[0][1].values[1].prop2 = "style";
}
document.MM_Time[0][2] = new String("sprite");
document.MM_Time[0][2].slot = 3;
if (ns)
document.MM_Time[0][2].obj = document["Layer4"];
else
document.MM_Time[0][2].obj = document.all ? document.all["Layer4"] : null;
document.MM_Time[0][2].keyFrames = new Array(2, 5, 9, 12, 15, 18);
document.MM_Time[0][2].values = new Array(3);
document.MM_Time[0][2].values[0] = new Array(363,363,363,363,363,363,363,363,365,366,368,366,364,363,363,363,363);
document.MM_Time[0][2].values[0].prop = "left";
document.MM_Time[0][2].values[1] = new Array(131,123,115,107,113,119,125,131,122,111,101,113,124,131,131,131,131);
document.MM_Time[0][2].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][2].values[0].prop2 = "style";
document.MM_Time[0][2].values[1].prop2 = "style";
}
document.MM_Time[0][2].values[2] = new Array(22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22);
document.MM_Time[0][2].values[2].prop = "width";
if (!ns)
document.MM_Time[0][2].values[2].prop2 = "style";
document.MM_Time[0][3] = new String("sprite");
document.MM_Time[0][3].slot = 4;
if (ns)
document.MM_Time[0][3].obj = document["Layer5"];
else
document.MM_Time[0][3].obj = document.all ? document.all["Layer5"] : null;
document.MM_Time[0][3].keyFrames = new Array(2, 5, 9, 12, 15, 18);
document.MM_Time[0][3].values = new Array(2);
document.MM_Time[0][3].values[0] = new Array(388,390,391,393,392,391,390,388,390,394,398,397,395,393,390,389,388);
document.MM_Time[0][3].values[0].prop = "left";
document.MM_Time[0][3].values[1] = new Array(131,128,124,121,124,126,129,131,119,103,86,105,122,136,137,134,131);
document.MM_Time[0][3].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][3].values[0].prop2 = "style";
document.MM_Time[0][3].values[1].prop2 = "style";
}
document.MM_Time[0][4] = new String("sprite");
document.MM_Time[0][4].slot = 5;
if (ns)
document.MM_Time[0][4].obj = document["Layer6"];
else
document.MM_Time[0][4].obj = document.all ? document.all["Layer6"] : null;
document.MM_Time[0][4].keyFrames = new Array(2, 5, 9, 12, 15, 18);
document.MM_Time[0][4].values = new Array(2);
document.MM_Time[0][4].values[0] = new Array(413,413,413,413,413,413,413,413,415,416,418,416,414,413,413,413,413);
document.MM_Time[0][4].values[0].prop = "left";
document.MM_Time[0][4].values[1] = new Array(131,124,118,111,116,120,125,131,119,105,91,107,121,131,131,131,131);
document.MM_Time[0][4].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][4].values[0].prop2 = "style";
document.MM_Time[0][4].values[1].prop2 = "style";
}
document.MM_Time[0][5] = new String("sprite");
document.MM_Time[0][5].slot = 6;
if (ns)
document.MM_Time[0][5].obj = document["Layer7"];
else
document.MM_Time[0][5].obj = document.all ? document.all["Layer7"] : null;
document.MM_Time[0][5].keyFrames = new Array(2, 5, 9, 12, 15, 18);
document.MM_Time[0][5].values = new Array(2);
document.MM_Time[0][5].values[0] = new Array(433,433,433,433,434,436,437,438,435,432,428,427,427,428,430,431,433);
document.MM_Time[0][5].values[0].prop = "left";
document.MM_Time[0][5].values[1] = new Array(131,131,131,131,128,125,120,116,118,120,121,117,112,106,114,122,131);
document.MM_Time[0][5].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][5].values[0].prop2 = "style";
document.MM_Time[0][5].values[1].prop2 = "style";
}
document.MM_Time[0][6] = new String("behavior");
document.MM_Time[0][6].frame = 19;
document.MM_Time[0][6].value = "MM_timelineGoto(’Timeline1’,’1’)";
document.MM_Time[0][7] = new String("sprite");
document.MM_Time[0][7].slot = 7;
if (ns)
document.MM_Time[0][7].obj = document["Layer3"];
else
document.MM_Time[0][7].obj = document.all ? document.all["Layer3"] : null;
document.MM_Time[0][7].keyFrames = new Array(2, 5, 9, 13, 16, 18);
document.MM_Time[0][7].values = new Array(4);
document.MM_Time[0][7].values[0] = new Array(458,458,458,458,457,457,457,458,463,468,473,478,468,459,453,454,458);
document.MM_Time[0][7].values[0].prop = "left";
document.MM_Time[0][7].values[1] = new Array(101,98,94,91,93,96,99,101,95,88,80,71,77,85,91,97,101);
document.MM_Time[0][7].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][7].values[0].prop2 = "style";
document.MM_Time[0][7].values[1].prop2 = "style";
}
document.MM_Time[0][7].values[2] = new Array(31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31);
document.MM_Time[0][7].values[2].prop = "width";
if (!ns)
document.MM_Time[0][7].values[2].prop2 = "style";
document.MM_Time[0][7].values[3] = new Array(42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42);
document.MM_Time[0][7].values[3].prop = "height";
if (!ns)
document.MM_Time[0][7].values[3].prop2 = "style";
document.MM_Time[0].lastFrame = 19;
for (i=0; i<document.MM_Time.length; i++) {
document.MM_Time[i].ID = null;
document.MM_Time[i].curFrame = 0;
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
}
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
function MM_reloadPage(init) {
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</SCRIPT>
第二步:把如下代码加入<body>区域中
<DIV id=Layer1
style="HEIGHT: 52px; LEFT: 264px; POSITION: absolute; TOP: 86px; WIDTH: 58px; Z-INDEX: 1"><font color="#ff3333" face="隶书" size="7">会</font></DIV>
<DIV id=Layer2
style="HEIGHT: 27px; LEFT: 324px; POSITION: absolute; TOP: 112px; WIDTH: 36px; Z-INDEX: 2"><font color="#336600" size="5" face="隶书">跳</font></DIV>
<DIV id=Layer4
style="HEIGHT: 22px; LEFT: 363px; POSITION: absolute; TOP: 116px; WIDTH: 25px; Z-INDEX: 4"><font color="#ffff00" face="隶书" size="4">舞</font></DIV>
<DIV id=Layer5
style="HEIGHT: 1px; LEFT: 388px; POSITION: absolute; TOP: 116px; WIDTH: 1px; Z-INDEX: 5"><font color="#ff33ff" face="隶书" size="4">的</font></DIV>
<DIV id=Layer6
style="HEIGHT: 12px; LEFT: 408px; POSITION: absolute; TOP: 116px; WIDTH: 18px; Z-INDEX: 6"><font color="#0000cc" face="隶书" size="4">文</font></DIV>
<DIV id=Layer7
style="HEIGHT: 15px; LEFT: 428px; POSITION: absolute; TOP: 116px; WIDTH: 21px; Z-INDEX: 7"><font color="#ff6633" face="隶书" size="4">本</font></DIV>
<DIV id=Layer3
style="HEIGHT: 42px; LEFT: 453px; POSITION: absolute; TOP: 91px; WIDTH: 31px; Z-INDEX: 8"><B><FONT
color=#00ff00 size=+5><I><FONT
color=#009900>！</FONT></I></FONT></B></DIV>
第三步:把<body>改为
<BODY bgColor=#ccccff onload="MM_timelinePlay(’Timeline1’)">
特效演示：www.kesonic.com/kc/design/show/03.htm
|
