最新消息： 新版网站上线了！！！

ecshop首页仿凡客首页放大缩小广告

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首页仿凡客首页放大缩小广告