×
  官方微博: 腾讯   新浪
ECSHOP模板 
食品保健 家居化妆 家电数码 综合通用 珠宝配饰
VIP免费模板 
家居化妆 综合通用 服装饰品 食品保健 家电数码
ECSHOP插件 
ECSHOP插件 SHOPEX插件
EC教程中心
安装使用网店运营
首页 > 二次开发教程 > ECSHOP增加横幅广告可显示几秒后消失或滚动逐渐消失

帮助目录

有问必答

您可以加入我们的官方QQ群。

加入官方QQ群

可以将问题或建议反馈给我们。

提交在线客服

猜您感兴趣

ECSHOP增加横幅广告可显示几秒后消失或滚动逐渐消失

网站开发中心/ 2014-06-02/ 关注人气:569

第一步:打开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="http://www.zbos56.com"><img src="http://www.zbos56.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="http://www.edait.cn"><img src="http://www.zbos56.com/data/afficheimg/banner_top.jpg"></a>
分享到:
下一篇:ecshop程序添加新的配送方式
上一篇:ecshop新增页面如何设置模板