在ecshop首页增加对联广告的方法

在ecshop首页增加对联广告的方法, 已经测试 兼容IE6,IE7,FIREFOX

1、首先将下面代码另存为 /js/scroll.js

suspendcode='<div id="AdLayer1" style="position: absolute;visibility:hidden;z-index:1000;"><a href="#" target="_blank"><img src="/images/ad_dl1.gif" width="100" height="300" border="0"></a><br><a href="javascript:hide()"><img src="/images/close_dl.gif" width="100" height="14" border="0" vspace="3" alt=""></a></div>';

document.write(suspendcode);

suspendcode='<div id="AdLayer2" style="position: absolute;visibility:hidden;z-index:1000;"><a href="#" target="_blank"><img src="/images/ad_dl1.gif" width="100" height="300" border="0"></a><br><a href="javascript:hide()"><img src="/images/close_dl.gif" width="100" height="14" border="0" vspace="3" alt=""></a></div>';

document.write(suspendcode);

var m_layer1,m_layer2;

function initMove() {

m_layer1=document.getElementById("AdLayer1");

m_layer2=document.getElementById("AdLayer2");

m_layer1.style.top = "-200px";

m_layer1.style.visibility = 'visible'

m_layer2.style.top = "-200px";

m_layer2.style.visibility = 'visible'

MoveLayers();

window.onscroll=MoveLayers;

}

function MoveLayers() {

var x = 5; // 左右边距

var y = 100; // 顶距

var st=document.documentElement.scrollTop;

var cw=document.documentElement.clientWidth;

var y = st + y;m_layer1.style.top = y+"px";

m_layer1.style.left = x+"px";

m_layer2.style.top = y+"px";

m_layer2.style.left = cw-m_layer2.clientWidth-x+"px";

}

function hide()

{

document.getElementById("AdLayer1").style.visibility="hidden";

document.getElementById("AdLayer2").style.visibility="hidden";

}

window.setTimeout("initMove()",600);

2、然后修改 themes/模板文件夹/index.dwt

在</body>之前添加下面代码

<script language=JavaScript src="/js/scroll.js"></script>

3、下面是需要用到的广告图片和关闭按钮，下载并保存到 /images 下（注意是根目录下的 images 而不是模板目录下的那个 images）

实际应用中，把广告图片替换为你自己的就行了