ECSHOP增加横幅广告可显示几秒后消失或滚动逐渐消失
日期:2014-05-25
第一步:打开index.dwt文件里加入一个广告位区域
搜索如下代码
广告位宽度和广告位高度根据你采用横幅图片大小填写。
效果一:显示几秒后消失,广告位模板框内代码修改为如下代码:
媒介类型选“代码”,广告位置选以上效果一新添加好的广告位置。
效果一:显示几秒后消失,输入广告代码框内加入如下代码:
搜索如下代码
<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->在上一行加入如下代码
<!-- TemplateBeginEditable name="头部横幅广告位" --><!-- TemplateEndEditable -->第二步:登录ECSHOP后台,进入广告管理》广告位置里新添加广告位。
广告位宽度和广告位高度根据你采用横幅图片大小填写。
效果一:显示几秒后消失,广告位模板框内代码修改为如下代码:
<table align="center" cellpadding="0" cellspacing="0"> {foreach from=$ads item=ad} <tr><td>{$ad}</td></tr> {/foreach} </table>效果二:滚动逐渐消失,广告位模板框内代码修改为如下代码:
<table cellpadding="0" cellspacing="0"> {foreach from=$ads item=ad} <td><tr> <script type="text/javascript" language="javascript"> var time = 500; var h = 0; function addCount() { if (time > 0) { time--; h = h + 5; } else { return; } if (h > 70) //高度 { return; } document.getElementById("ads").style.display = ""; document.getElementById("ads").style.height = h + "px"; setTimeout("addCount()", 30); } window.onload = function showAds() { addCount(); setTimeout("noneAds()", 4000); //停留时间自己适当调整 } </script> <script type="text/javascript" language="javascript"> var T = 560; var N = 70; //高度 function noneAds() { if(T>0) { T--; N = N-5; } else { return; } if(N<0) { document.getElementById("ads").style.display = "none"; return; } document.getElementById("ads").style.height = N+"px"; setTimeout("noneAds()",30); } </script> <div id="ads" style="margin:auto;display:none;overflow:hidden;text-align:center;">{$ad}</div> </td></tr> {/foreach} </table>第三步:登录ECSHOP后台,进入广告管理》广告列表里新添加广告。
媒介类型选“代码”,广告位置选以上效果一新添加好的广告位置。
效果一:显示几秒后消失,输入广告代码框内加入如下代码:
<div id="outwin"> <a href="https://www.ecshopok.com"><img src="https://www.ecshopok.com/data/afficheimg/banner_top.jpg"></a> </div> <script language="JavaScript"> var thisTime = setTimeout("document.all.outwin.style.display='block';", 2000); var thisTime = setTimeout("document.all.outwin.style.display='none';", 6000); </script>效果二:滚动逐渐消失,输入广告代码框内加入如下代码:
<a href="https://www.ecshopok.com"><img src="https://www.ecshopok.com/data/afficheimg/banner_top.jpg"></a>
本文原创地址:https://www.ecshopok.com/article-148.html
版权所有 © 转载时必须以链接形式注明出处!
觉得本文对您有用,想收藏下来!方法很简单:请点击-〉
我们一直坚持白天工作、晚上熬夜更新资源,付出了巨大的精力和时间,其中的辛酸难以言述。
暂无评论,来发表一个吧