加入收藏 - 网站地图 - 网站搜索 -
阅读新闻

对联式广告效果!

[日期:02-03] 来源:  作者: [字体: ]

对联效果

说明:网页两边对联广告效果,可随滚动条的位置而进行上下移动,代码比较简洁,推荐使用.

下载演示及代码:http://www.xmlasp.net/upload/2005_01/05012611527159.zip

 

以下代码加入<body>区域

<SCRIPT LANGUAGE="JavaScript">
<!--
//more javascript from http://www.smallrain.net
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'><img src=http://www.smallrain.net/jsimg/1yuan.gif></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><img src=http://www.smallrain.net/jsimg/2yuan.gif></div>");
initEcAd()
//-->
</SCRIPT>




 
评论 】 【 推荐 】 【 打印
上一篇:相对路径※绝对路径
下一篇:连继左右循环滚动图片效果
相关新闻