首页 > 网页特效 > 广告代码 > 适用于首页广告的自动在指定时间内消失的DIV层代码

适用于首页广告的自动在指定时间内消失的DIV层代码

时间：2010-07-12 来源：

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>适用于首页广告的自动在指定时间内消失的DIV层代码</title>
<style type="text/css">

</style></head>
<body onload="MM_timelinePlay('Timeline1')">
<SCRIPT language=JavaScript>

function MM_timelinePlay(tmLnName, myID) { //v1.2
//Copyright 1997 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
if (myID == tmLn.ID) { //if Im newest
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_initTimelines() { //v4.0
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved. www.5icool.org
var ns = navigator.appName == "Netscape";
var ns4 = (ns && parseInt(navigator.appVersion) == 4);
var ns5 = (ns && parseInt(navigator.appVersion) > 4);
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 = 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["Layer1"];
else if (ns5)
document.MM_Time[0][0].obj = document.getElementById("Layer1");
else
document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;
document.MM_Time[0][0].keyFrames = new Array(1, 35);
document.MM_Time[0][0].values = new Array(4);
if (ns5)
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");
else
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);
document.MM_Time[0][0].values[0].prop = "left";
if (ns5)
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");
else
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);
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";
}
if (ns5)
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");
else
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);
document.MM_Time[0][0].values[2].prop = "height";
if (!ns4)
document.MM_Time[0][0].values[2].prop2 = "style";
document.MM_Time[0][0].values[3] = new Array("inherit","inherit");
document.MM_Time[0][0].values[3].prop = "visibility";
if (!ns4)
document.MM_Time[0][0].values[3].prop2 = "style";
document.MM_Time[0][1] = new String("sprite");
document.MM_Time[0][1].slot = 1;
if (ns4)
document.MM_Time[0][1].obj = document["Layer1"];
else if (ns5)
document.MM_Time[0][1].obj = document.getElementById("Layer1");
else
document.MM_Time[0][1].obj = document.all ? document.all["Layer1"] : null;
document.MM_Time[0][1].keyFrames = new Array(36, 56);
document.MM_Time[0][1].values = new Array(4);
if (ns5)
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");
else
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);
document.MM_Time[0][1].values[0].prop = "left";
if (ns5)
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");
else
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);
document.MM_Time[0][1].values[1].prop = "top";
if (!ns4) {
document.MM_Time[0][1].values[0].prop2 = "style";
document.MM_Time[0][1].values[1].prop2 = "style";
}
if (ns5)
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");
else
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);
document.MM_Time[0][1].values[2].prop = "height";
if (!ns4)
document.MM_Time[0][1].values[2].prop2 = "style";
document.MM_Time[0][1].values[3] = new Array("inherit","inherit");
document.MM_Time[0][1].values[3].prop = "visibility";
if (!ns4)
document.MM_Time[0][1].values[3].prop2 = "style";
document.MM_Time[0].lastFrame = 56;
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="Layer1"></p>
</DIV>
</body>
</html>

提示:可以对代码修改后再运行。

相关热词：全屏广告巨幅广告宽屏广告

分享到：

更多...

收藏至我的帐号

点击下载

下载排行榜: 31款简单实用的CSS+JS下拉菜单脚本; 带标题和数字导航的JS焦点幻灯特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 唯美华丽带缩略小图的滑动式JQuery幻灯片特...; 14款很漂亮的jQuery导航菜单插件; 3D立体效果金字塔环形旋转的flash+xml相册代码; 带标题显示的宽屏jQuery焦点幻灯片代码

教程排行榜: 21个可用于网站和博客的免费视频播放器插件; 10个WEB开发者应该收藏的实用工具网站推荐; 20款国外知名的PHP开源免费CMS系统推荐; 10款有利于加速WEB开发的必备CSS开发框架; 国外十五款优秀的免费开源电子商务平台; 新浪SAE新手教程：如何下载和安装DiscuzX2.0？; 微博数据分析：新浪微博企业微博发布时间规...; 12款跨浏览器的网页兼容性测试工具推荐; 国外五款主流的免费网站流量统计工具; 巧用QQ漂流瓶做网站营销推广