对联式广告效果_另类网页特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 另类网页特效 >> 对联式广告效果	查看此特效演示

对联式广告效果

把如下代码复制到<body>与</body>之间

<SCRIPT LANGUAGE="JavaScript">
<!--
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 340;
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 340;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}

document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href=http://www.butong.net target=_blank><img src=images/mxd.jpg></a></div>"
	+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href=http://www.butong.net target=_blank><img src=images/freestyle.jpg></a></div>");
initEcAd()
//-->
</SCRIPT>

使用说明：代码中的src的值为页面左右两边调用的图片，改为你的图片地址即可，还能为图片加上链接，代码里默认的图片链接为http://www.butong.net，将代码中的此链接改为你需要的链接地址即可，默认图片链接点击后是在新窗口中打开，如需在原窗口中打开只需将代码中的 target=_blank去掉即可。（注：在为图片加上链接时，链接代码里不要有引号""）

上一个特效：实用-窗口自动最大化

返回列表

下一个特效：给页面加热键