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

如何让ECSHOP增加横幅广告可显示几秒后消失或滚动逐渐消失呢?ECSHOP开发中心()技术为您整合方法如下:

第一步:打开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=""><img src=""></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=""><img src=""></a>

如果心在远方,只需勇敢前行,梦想自会引路,

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

相关文章:

你感兴趣的文章:

标签云: