自动在指定时间内消失的DIV层代码

日期：10-14 来源：中国设计秀作者：cnwebshow.com

经常在一些门户网站上看到的一些首页宽屏广告，显示一段时间后会自动往上部移动消失，于是在网上找到了在指定时间内消失的DIV层代码，可以实现此功能。msB中国设计秀

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">msB中国设计秀
<html xmlns="http://www.w3.org/1999/xhtml">msB中国设计秀
<head>msB中国设计秀
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />msB中国设计秀
<title>适用于首页广告的自动在指定时间内消失的DIV层代码</title>msB中国设计秀
<style type="text/css">msB中国设计秀
msB中国设计秀
</style></head>msB中国设计秀
<body onload="MM_timelinePlay('Timeline1')">msB中国设计秀
<SCRIPT language=JavaScript>msB中国设计秀
msB中国设计秀
function MM_timelinePlay(tmLnName, myID) { //v1.2msB中国设计秀
//Copyright 1997 Macromedia, Inc. All rights reserved.msB中国设计秀
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;msB中国设计秀
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st timemsB中国设计秀
tmLn = document.MM_Time[tmLnName];msB中国设计秀
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr IDmsB中国设计秀
if (myID == tmLn.ID) { //if Im newestmsB中国设计秀
setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);msB中国设计秀
fNew = ++tmLn.curFrame;msB中国设计秀
for (i=0; i<tmLn.length; i++) {msB中国设计秀
sprite = tmLn[i];msB中国设计秀
if (sprite.charAt(0) == 's') {msB中国设计秀
if (sprite.obj) {msB中国设计秀
numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];msB中国设计秀
if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in rangemsB中国设计秀
keyFrm=1;msB中国设计秀
for (j=0; j<sprite.values.length; j++) {msB中国设计秀
props = sprite.values[j];msB中国设计秀
if (numKeyFr != props.length) {msB中国设计秀
if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];msB中国设计秀
else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];msB中国设计秀
} else {msB中国设计秀
while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;msB中国设计秀
if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {msB中国设计秀
if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];msB中国设计秀
else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];msB中国设计秀
} } } } }msB中国设计秀
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);msB中国设计秀
if (fNew > tmLn.lastFrame) tmLn.ID = 0;msB中国设计秀
} }msB中国设计秀
}msB中国设计秀
function MM_initTimelines() { //v4.0msB中国设计秀
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved. www.5icool.orgmsB中国设计秀
var ns = navigator.appName == "Netscape";msB中国设计秀
var ns4 = (ns && parseInt(navigator.appVersion) == 4);msB中国设计秀
var ns5 = (ns && parseInt(navigator.appVersion) > 4);msB中国设计秀
document.MM_Time = new Array(1);msB中国设计秀
document.MM_Time[0] = new Array(2);msB中国设计秀
document.MM_Time["Timeline1"] = document.MM_Time[0];msB中国设计秀
document.MM_Time[0].MM_Name = "Timeline1";msB中国设计秀
document.MM_Time[0].fps = 15;msB中国设计秀
document.MM_Time[0][0] = new String("sprite");msB中国设计秀
document.MM_Time[0][0].slot = 1;msB中国设计秀
if (ns4)msB中国设计秀
document.MM_Time[0][0].obj = document["Layer1"];msB中国设计秀
else if (ns5)msB中国设计秀
document.MM_Time[0][0].obj = document.getElementById("Layer1");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;msB中国设计秀
document.MM_Time[0][0].keyFrames = new Array(1, 35);msB中国设计秀
document.MM_Time[0][0].values = new Array(4);msB中国设计秀
if (ns5)msB中国设计秀
document.MM_Time[0][0].values[0] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][0].values[0] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);msB中国设计秀
document.MM_Time[0][0].values[0].prop = "left";msB中国设计秀
if (ns5)msB中国设计秀
document.MM_Time[0][0].values[1] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][0].values[1] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);msB中国设计秀
document.MM_Time[0][0].values[1].prop = "top";msB中国设计秀
if (!ns4) {msB中国设计秀
document.MM_Time[0][0].values[0].prop2 = "style";msB中国设计秀
document.MM_Time[0][0].values[1].prop2 = "style";msB中国设计秀
}msB中国设计秀
if (ns5)msB中国设计秀
document.MM_Time[0][0].values[2] = new Array("452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][0].values[2] = new Array(452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452);msB中国设计秀
document.MM_Time[0][0].values[2].prop = "height";msB中国设计秀
if (!ns4)msB中国设计秀
document.MM_Time[0][0].values[2].prop2 = "style";msB中国设计秀
document.MM_Time[0][0].values[3] = new Array("inherit","inherit");msB中国设计秀
document.MM_Time[0][0].values[3].prop = "visibility";msB中国设计秀
if (!ns4)msB中国设计秀
document.MM_Time[0][0].values[3].prop2 = "style";msB中国设计秀
document.MM_Time[0][1] = new String("sprite");msB中国设计秀
document.MM_Time[0][1].slot = 1;msB中国设计秀
if (ns4)msB中国设计秀
document.MM_Time[0][1].obj = document["Layer1"];msB中国设计秀
else if (ns5)msB中国设计秀
document.MM_Time[0][1].obj = document.getElementById("Layer1");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][1].obj = document.all ? document.all["Layer1"] : null;msB中国设计秀
document.MM_Time[0][1].keyFrames = new Array(36, 56);msB中国设计秀
document.MM_Time[0][1].values = new Array(4);msB中国设计秀
if (ns5)msB中国设计秀
document.MM_Time[0][1].values[0] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][1].values[0] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);msB中国设计秀
document.MM_Time[0][1].values[0].prop = "left";msB中国设计秀
if (ns5)msB中国设计秀
document.MM_Time[0][1].values[1] = new Array("0px", "-23px", "-45px", "-68px", "-90px", "-113px", "-136px", "-158px", "-181px", "-203px", "-226px", "-249px", "-271px", "-294px", "-316px", "-339px", "-362px", "-384px", "-407px", "-429px", "-452px");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][1].values[1] = new Array(0,-23,-45,-68,-90,-113,-136,-158,-181,-203,-226,-249,-271,-294,-316,-339,-362,-384,-407,-429,-452);msB中国设计秀
document.MM_Time[0][1].values[1].prop = "top";msB中国设计秀
if (!ns4) {msB中国设计秀
document.MM_Time[0][1].values[0].prop2 = "style";msB中国设计秀
document.MM_Time[0][1].values[1].prop2 = "style";msB中国设计秀
}msB中国设计秀
if (ns5)msB中国设计秀
document.MM_Time[0][1].values[2] = new Array("452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px");msB中国设计秀
elsemsB中国设计秀
document.MM_Time[0][1].values[2] = new Array(452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452);msB中国设计秀
document.MM_Time[0][1].values[2].prop = "height";msB中国设计秀
if (!ns4)msB中国设计秀
document.MM_Time[0][1].values[2].prop2 = "style";msB中国设计秀
document.MM_Time[0][1].values[3] = new Array("inherit","inherit");msB中国设计秀
document.MM_Time[0][1].values[3].prop = "visibility";msB中国设计秀
if (!ns4)msB中国设计秀
document.MM_Time[0][1].values[3].prop2 = "style";msB中国设计秀
document.MM_Time[0].lastFrame = 56;msB中国设计秀
for (i=0; i<document.MM_Time.length; i++) {msB中国设计秀
document.MM_Time[i].ID = null;msB中国设计秀
document.MM_Time[i].curFrame = 0;msB中国设计秀
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;msB中国设计秀
}msB中国设计秀
}msB中国设计秀
//-->msB中国设计秀
</SCRIPT>msB中国设计秀
<DIV id="Layer1"></p>msB中国设计秀
</DIV>msB中国设计秀
</body>msB中国设计秀
</html>msB中国设计秀