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首页就实现了类似凡客的首页放大缩小广告.

 相关文章:

  ecshop首页热门搜索统计代

  ecshop设置首页热买促销新

  ecshop网站首页公告公告的

  ecshop如何在首页显示最近

  来源:中国B4C电子商务