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

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

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

suspendcode='<div id="AdLayer1" style="position: absolutevisibility:hiddenz-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: absolutevisibility:hiddenz-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）

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

第1步：

进入ECSHOP后台 》 广告管理 》广告位置，点击“增加广告位”按钮。

广告位名称输入“首页头部通栏广告位”，

广告位宽度输入“960”

广告位高度输入“100”

点“确定”。

第2步：然后进入“广告列表”，点击“添加广告”按钮，

注意，广告位置下拉框 要选择 刚才第1步里添加的那个广告位，即“首页头部通栏广告位 [960x100]”。

上传一张广告图片，点确定。

第3步：打开首页模板文件 index.dwt

找到下面代码

<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->

在它下面增加几行代码

<div style="width:960pxmargin:5px autopadding:0 auto">

<!-- TemplateBeginEditable name="首页头部通栏广告位（宽：960px）" -->

<!-- TemplateEndEditable -->

</div>

第4步：进入后台 》模板管理 》设置模板，选择首页模板。

到最下面找到“广告位”，点击“+”展开，

在第一个下拉框里

选择 “首页头部通栏广告位（宽：960px）”

在第二个下拉框里 选择 “首页头部通栏广告位 [960x100]”

点击 “确定”，保存，然后到首页看看，是不是通栏广告已经显示出来了。

看你要加什么东西了，如果只是简单的html的东西可以在goods.dwt中进行相应位置的添加和修改，要是涉及后台动态数据的显示，要在goods.php里修改和添加，然后在模板中添加显示的代码。

---