首页 > 网站 > 建站经验 > 正文

ecshop微商城首页广告滚动加载倒计时效果

2024-04-25 20:32:21
字体:
来源:转载
供稿:网友

在制作手机端模板时,我们有时会将首页设计为广告滚动加载的特效,但加载广告倒计时时就会遇到问题,现在有方法了,简单而且又便捷。就要A5源码的技术来为大家简单的介绍下吧!

第一步 在模板文件中有自己添加的一个php文件,我做模板时添加的文件名称为:get_ad.php,打开该文件并搜索get_advlist

要sql后追加,意思就是在$sql = "select ap.ad_width,ap.ad_height,ad.ad_id,ad.ad_name,ad.ad_code,后面添加搜索字段ad.ad_link,ad.link_man,ad.start_time,ad.end_time,

在$arr[$row['ad_id']]['name'] = $row['ad_name'];

下面添加

$arr[$row['ad_id']]['etime'] = $row['end_time'];

$arr[$row['ad_id']]['stime'] = $row['start_time'];

$time = time();

if ($time >= $row['start_time'] && $time <= $row['end_time'])

{

$arr[$row['ad_id']]['etime'] = local_date('M d, Y H:i:s',$row['end_time']);

$ss = $row['end_time']-$time;

if(intval($ss/(24*3600))>0)

{

$arr[$row['ad_id']]['ss_time'] = intval($ss/(24*3600))."天";

}

else

{

if(intval($ss/3600>0))

{

$arr[$row['ad_id']]['ss_time'] = intval($ss/3600)."时";

}

else

{

$arr[$row['ad_id']]['ss_time'] = intval($ss/60)."分";

}

}

}

else

{

$arr[$row['ad_id']]['etime'] = 0;

$arr[$row['ad_id']]['ss_time'] = '已结束';

}

第二步 在ajax调用广告位的lbi文件页面调用

 

<div class="p-relative">

 

<a href="{$ad.url}" class="u-brand-pic J_item-list"><img src="{$ad.image}"></a>

</div>

<div class="u-brand-msg clearfix">

<p class="u-brand-name f-left">{$ad.name}</p>

<div class="u-brand-time f-right">{$ad.ss_time}</div>

</div>

 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表