ecshop首页仿凡客首页放大缩小广告
2009-06-24 14:28 来源:www.chinab4c.com 作者:ecshop专家
有很多电子商务中的朋友都要求在逢年过节的时候,给自己的站点首页增加类似凡客那样的放大缩小广告,最近在网上找了一些资源,经过和ecshop的整合,还比较好用。现在贴出来,供大家使用.
在模板index.dwt中加入以下代码
<SCRIPT language=javascript type=text/javascript>
var hmax = 400;//最大高度
var hmin = 25;//最小高度
var h=0;
function addCount(){
if(h<hmax){
h += 20;
setTimeout("addCount()",1);
}
else {
h=hmax;
setTimeout("noneAds()",3000); //停留时间自己适当调整 1000 = 1秒
document.getElementById("adsOPEN").style.display = "none";
}
document.getElementById("ads").style.display = "";
document.getElementById("ads").style.height = h+"px";
}
window.onload = function showAds(){
document.getElementById("ads").style.display = "none";
document.getElementById("ads").style.height = "0px";
addCount(); //慢慢打开
// h=hmax;
// setTimeout("noneAds()",3000); //停留时间自己适当调整 1000 = 1秒
}
function openAds(){
h = 0;//高度
addCount(); //慢慢打开
}
function noneAds(){
if(h>hmin) {
h -= 20;
setTimeout("noneAds()",1);
}
else {
h = hmin;
document.getElementById("ads").style.display = "none";
document.getElementById("adsOPEN").style.display = "";
return;
}
document.getElementById("ads").style.height = h+"px";
}
</SCRIPT>
以下层放在page_header.lbi下面.
<DIV id=ads style="OVERFLOW: hidden; TOP: 0px; TEXT-ALIGN: center;display:none; margin:10px">
<IMG src="images/ad1.gif">
</DIV>
<DIV id=adsOPEN style="OVERFLOW: hidden; TEXT-ALIGN: center; margin-top:10px;">
<IMG src="images/ad2.gif" border=0>
</DIV>
保存,更新缓存,ecshop首页就实现了类似凡客的首页放大缩小广告.
相关文章:
来源:中国B4C电子商务
最近更新
常用插件
- ecshop降价通知登记插件
ecshop降价通知登记插件,主要是为了方便某些客户,对商品价格要求比...
- ecshop通用红包编码
很多时候,为了结合促销,必须扩展一下ecshop的红包功能。ecshop的红包...
- ecshop分类树中统计商品数
最近忙于开发其他项目,在不少朋友不断要求和催促的情况下,做出了该小...
- ecshop购物车功能改进[插件
ecshop购物车功能改进[插件套餐]主要是我们最近开发工作和开发项目中。...
- ecshop红包修改成满多少减
我们在长期使用ecshop的时候,我们可以发现。ecshop的红包是一个非常强...