页面周围走动的图片效果
看到效果了吗？
首先你要把你网页的<body>改为<body onLoad="MM_timelinePlay('Timeline1')">然后在其后面加入如下效果即可......
<script language="JavaScript">
<!--
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_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() {
var ns = navigator.appName == "Netscape";
document.MM_Time = new Array(1);
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 = 30;
document.MM_Time[0][0] = new String("behavior");
document.MM_Time[0][0].frame = 135;
document.MM_Time[0][0].value = "MM_timelineGoto('Timeline1','1')";
document.MM_Time[0][1] = new String("sprite");
document.MM_Time[0][1].slot = 1;
if (ns)
document.MM_Time[0][1].obj = document["Layer12"];
else
document.MM_Time[0][1].obj = document.all ? document.all["Layer12"]
: null;
document.MM_Time[0][1].keyFrames = new Array(1, 4, 6, 7, 12, 15, 18, 21, 23,
24, 27, 28, 29, 31, 33, 34, 35, 39, 40, 41, 44, 45, 47, 51, 53, 54, 58, 60,
61, 63, 66, 68, 70, 73, 77, 81, 84, 86, 89, 92, 94, 95, 98, 101, 102, 104,
106, 109, 113, 115, 116, 119, 122, 124, 126, 129, 132, 134);
document.MM_Time[0][1].values = new Array(3);
document.MM_Time[0][1].values[0] = new Array(21,31,40,50,64,76,48,40,31,22,14,9,27,45,62,54,41,30,21,13,11,32,50,43,41,39,37,36,11,38,67,78,83,95,118,135,154,172,186,187,188,203,224,242,264,271,283,297,314,332,348,369,386,407,426,448,471,489,506,515,535,557,585,608,632,651,647,643,663,685,688,685,676,661,644,626,610,623,641,658,670,657,641,627,616,608,626,649,669,653,636,621,629,641,653,636,614,595,592,593,590,533,511,491,478,462,444,425,403,385,370,358,347,336,326,296,287,278,267,252,237,223,209,197,182,167,156,145,132,118,103,85,53,20);
document.MM_Time[0][1].values[0].prop = "left";
document.MM_Time[0][1].values[1] = new Array(335,333,331,329,326,320,308,300,290,279,267,254,250,251,248,233,219,204,185,165,146,140,139,128,110,88,70,52,11,35,56,30,7,20,8,13,21,29,35,37,38,36,33,29,16,23,29,29,28,26,24,18,15,37,33,25,18,13,17,24,21,17,14,16,19,25,36,47,58,74,91,110,127,133,136,138,146,162,175,187,202,218,227,233,236,239,249,261,275,283,286,293,316,333,337,333,329,327,334,342,349,340,335,332,342,349,336,317,304,307,315,323,330,336,340,339,335,329,327,332,340,345,340,335,340,347,351,355,355,349,340,333,332,335);
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][1].values[2] = new Array("13","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12","12");
document.MM_Time[0][1].values[2].prop = "zIndex";
if (!ns)
document.MM_Time[0][1].values[2].prop2 = "style";
document.MM_Time[0].lastFrame = 135;
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="Layer12" style="position:absolute; z-index:13;
left: 21px; top: 335px"><a href="http://www.goodsgy.com"
target="_blank"><img src="images/logo1.gif" border="0"></a></div>
在这个时间效果中,你自己可以任意放在网页的任何位置，只要你认为合适.在此希望你可以给本站做链接,谢谢！！！