ecshop的首页主广告轮播替换为js翻转效果,最模板方法二

最新推荐文章于 2015-09-21 14:31:00 发布

转载最新推荐文章于 2015-09-21 14:31:00 发布 · 2.1k 阅读

收录于

PHP

本文介绍如何在ECShop程序中配置首页广告模块，包括自定义广告的获取及展示方式。通过PHP函数get_ads从数据库中获取广告信息，并利用JS实现广告轮播效果。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

找到ecshop 程序，打开模板index_ad.lbi,输入或替换以下代码：

var swf_width=725;

var swf_height=300;

</script>

<?php

if(!function_exists("get_ads")){

function get_ads($num)

{

$sql = 'select * from '.$GLOBALS['ecs']->table('ad_custom').' ORDER BY add_time DESC';

if ($num > 0)

{

$sql .= ' LIMIT ' . $num;

}

//echo $sql;

$res = $GLOBALS['db']->getAll($sql);

$ads = array();

foreach ($res AS $idx => $row)

{

$ads[$idx]['ad_name'] = $row['ad_name'];

$ads[$idx]['content'] = $row['content'];

$ads[$idx]['url'] = $row['url'];

}

return $ads;

}

$this->assign('my_ads',get_ads(9)); // 9代表会条数据

<span id="leftmenu_content{$smarty.foreach.ad_num.iteration}" style="display:block"><a href="{$ads.url}" target="_blank" title="{$ads.ad_name}"><img src="{$ads.content}" /></a></span>

<a id="leftmenu_tab{$smarty.foreach.ad_num.iteration}" class="thisselected" href="{$ads.url}" target="_blank" onmouseover="chooseLeftMenu({$smarty.foreach.ad_num.iteration})"><font color="white">{$ads.ad_name}</font></a>

</div>

function chooseLeftMenu(id){

for (var i = 1; i <= 5; i++){

if (i == id){

$('leftmenu_tab'+i).className = 'thisselected';

$('leftmenu_content'+i).fade('in');

$('leftmenu_content'+i).style.display = 'block';

}else{

$('leftmenu_tab'+i).removeClass('thisselected');

$('leftmenu_content'+i).fade('out');

$('leftmenu_content'+i).style.display = 'none';

}

</script>

<div style="display:block;"><div style="display:none;"><a target="_blank" href="{$ads.url}"><img border="0" onmouseout="setAuto();" onmouseover="clearAuto();" src="{$ads.content}"/></a></div>

<tr>

</tr>