关于在ecshop首页增加对联广告的方法
2016-09-11 20:39 来源:www.chinab4c.com 作者: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)
实际应用中,把广告图片替换为你自己的就行了
最近更新
常用插件
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop最小购买数量控制插
ecshop最小购买数量控制插件,这个插件主要是为我们提供一个十分方便...
- ecshop2.7.2生成虚拟订单2.
以前我们开发过ecshop下的虚拟订单,就是客户在访问的时候,会自动生...
- ecshop2.7.1邮件发送插件
ecshop2.7.1邮件发送插件:该插件主要的开发思想是源于ecshop短信发送系统...
- ecshop二次开发商品购买增
图片1香...