展幕上两只飞舞的蝴蝶二
您看到效果了吗！
首先您需要将您网页<body>改换为<body onLoad="MM_timelinePlay('Timeline1');MM_timelinePlay('Timeline2');">然后在其后面加入如下代码即可......
<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])
{//in range
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_preloadImages() {
if (document.images) {
var imgFiles = MM_preloadImages.arguments;
if (document.preloadArray==null) document.preloadArray = new Array();
var i = document.preloadArray.length;
with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
preloadArray[i] = new Image;
preloadArray[i++].src = imgFiles[j];
} }
}
function MM_swapImgRestore() {
if (document.MM_swapImgData != null)
for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
}
function MM_swapImage() {
var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
if ((objStr.indexOf('document.layers[')==0 && document.layers==null)
||
(objStr.indexOf('document.all[') ==0 && document.all ==null))
objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
obj = eval(objStr);
if (obj != null) {
swapArray[j++] = obj;
swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
obj.src = MM_swapImage.arguments[i+2];
} }
document.MM_swapImgData = swapArray;
}
function MM_initTimelines() { //v4.0
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
var ns4 = (ns && parseInt(navigator.appVersion) == 4);
var ns5 = (ns && parseInt(navigator.appVersion) > 4);
document.MM_Time = new Array(2);
document.MM_Time[0] = new Array(2);
document.MM_Time["Timeline1"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "Timeline1";
document.MM_Time[0].fps = 15;
document.MM_Time[0][0] = new String("sprite");
document.MM_Time[0][0].slot = 1;
if (ns4)
document.MM_Time[0][0].obj = document["Layer10"];
else if (ns5)
document.MM_Time[0][0].obj = document.getElementById("Layer10");
else
document.MM_Time[0][0].obj = document.all ? document.all["Layer10"]
: null;
document.MM_Time[0][0].keyFrames = new Array(1, 5, 9, 13, 15, 21, 24, 29,
33, 37, 41, 43, 47, 50);
document.MM_Time[0][0].values = new Array(2);
if (ns5)
document.MM_Time[0][0].values[0] = new Array("333px", "354px",
"375px", "396px", "415px", "429px",
"441px", "455px", "473px", "502px",
"536px", "570px", "599px", "619px",
"622px", "619px", "616px", "614px",
"613px", "611px", "610px", "612px",
"614px", "616px", "614px", "613px",
"611px", "608px", "607px", "613px",
"620px", "628px", "635px", "623px",
"608px", "589px", "568px", "547px",
"524px", "500px", "475px", "422px",
"373px", "354px", "339px", "326px",
"314px", "298px", "284px", "271px");
else
document.MM_Time[0][0].values[0] = new Array(333,354,375,396,415,429,441,455,473,502,536,570,599,619,622,619,616,614,613,611,610,612,614,616,614,613,611,608,607,613,620,628,635,623,608,589,568,547,524,500,475,422,373,354,339,326,314,298,284,271);
document.MM_Time[0][0].values[0].prop = "left";
if (ns5)
document.MM_Time[0][0].values[1] = new Array("312px", "314px",
"316px", "318px", "320px", "324px",
"331px", "336px", "335px", "328px",
"319px", "305px", "287px", "237px",
"194px", "201px", "210px", "216px",
"222px", "227px", "232px", "235px",
"234px", "233px", "234px", "234px",
"235px", "236px", "238px", "238px",
"237px", "236px", "242px", "257px",
"273px", "290px", "305px", "316px",
"326px", "333px", "336px", "320px",
"305px", "309px", "318px", "329px",
"341px", "360px", "382px", "404px");
else
document.MM_Time[0][0].values[1] = new Array(312,314,316,318,320,324,331,336,335,328,319,305,287,237,194,201,210,216,222,227,232,235,234,233,234,234,235,236,238,238,237,236,242,257,273,290,305,316,326,333,336,320,305,309,318,329,341,360,382,404);
document.MM_Time[0][0].values[1].prop = "top";
if (!ns4) {
document.MM_Time[0][0].values[0].prop2 = "style";
document.MM_Time[0][0].values[1].prop2 = "style";
}
document.MM_Time[0][1] = new String("behavior");
document.MM_Time[0][1].frame = 51;
document.MM_Time[0][1].value = "MM_timelineGoto('Timeline1','1')";
document.MM_Time[0].lastFrame = 51;
document.MM_Time[1] = new Array(2);
document.MM_Time["Timeline2"] = document.MM_Time[1];
document.MM_Time[1].MM_Name = "Timeline2";
document.MM_Time[1].fps = 15;
document.MM_Time[1][0] = new String("sprite");
document.MM_Time[1][0].slot = 1;
if (ns4)
document.MM_Time[1][0].obj = document["Layer11"];
else if (ns5)
document.MM_Time[1][0].obj = document.getElementById("Layer11");
else
document.MM_Time[1][0].obj = document.all ? document.all["Layer11"]
: null;
document.MM_Time[1][0].keyFrames = new Array(1, 4, 7, 11, 14, 18, 22, 26,
30, 34, 38, 42, 45);
document.MM_Time[1][0].values = new Array(2);
if (ns5)
document.MM_Time[1][0].values[0] = new Array("78px", "86px",
"94px", "99px", "99px", "96px", "91px",
"85px", "77px", "70px", "66px", "71px",
"79px", "89px", "91px", "91px", "91px",
"92px", "96px", "102px", "107px",
"111px", "111px", "110px", "108px",
"109px", "112px", "116px", "122px",
"129px", "138px", "148px", "161px",
"177px", "197px", "219px", "243px",
"270px", "301px", "336px", "371px",
"405px", "446px", "486px", "526px");
else
document.MM_Time[1][0].values[0] = new Array(78,86,94,99,99,96,91,85,77,70,66,71,79,89,91,91,91,92,96,102,107,111,111,110,108,109,112,116,122,129,138,148,161,177,197,219,243,270,301,336,371,405,446,486,526);
document.MM_Time[1][0].values[0].prop = "left";
if (ns5)
document.MM_Time[1][0].values[1] = new Array("306px", "278px",
"251px", "225px", "203px", "183px",
"165px", "155px", "146px", "137px",
"125px", "101px", "75px", "54px",
"61px", "69px", "78px", "88px", "106px",
"126px", "147px", "168px", "186px",
"202px", "216px", "230px", "240px",
"249px", "256px", "265px", "276px",
"289px", "301px", "312px", "321px",
"328px", "333px", "338px", "341px",
"344px", "345px", "344px", "340px",
"334px", "327px");
else
document.MM_Time[1][0].values[1] = new Array(306,278,251,225,203,183,165,155,146,137,125,101,75,54,61,69,78,88,106,126,147,168,186,202,216,230,240,249,256,265,276,289,301,312,321,328,333,338,341,344,345,344,340,334,327);
document.MM_Time[1][0].values[1].prop = "top";
if (!ns4) {
document.MM_Time[1][0].values[0].prop2 = "style";
document.MM_Time[1][0].values[1].prop2 = "style";
}
document.MM_Time[1][1] = new String("behavior");
document.MM_Time[1][1].frame = 46;
document.MM_Time[1][1].value = "MM_timelineGoto('Timeline2','1')";
document.MM_Time[1].lastFrame = 46;
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>
<div id="Layer10" style="position:absolute;
left:333px; top:312px; width:33px; height:35px; z-index:39"><a
href="http://www.goodsgy.com"><img src="images/hudie1.gif"
width="86" height="81" border="0"></a></div>
<div id="Layer11" style="position:absolute; left:78px; top:306px;
width:29px; height:29px; z-index:38"><a href="http://www.goodsgy.com"><img
src="images/hudie2.gif" width="79" height="78"
border="0"></a></div>
在这个效果中,你自己可以更换图片为其它形象.在此希望你可以给本站做链接,谢谢！！！