三七少侠
05-21 15:14电脑端
jQuery实现广告图片在指定日期内显示,过期后显示默认图片的方法
<div class="ceo-container">
<!--多图广告位-->
<div class="ceo_ads">
<!--这里显示广告图片-->
</div>
<script>
/* jQuery定时显示广告 */
var obj = [{
time: '2024-06-20 12:30:00',
imgUrl: '/images/1.jpg',
href: 'https://www.18pay.net/',
desc: '元宝支付'
},{
time: '2025-03-18 12:30:00',
imgUrl: '/images/2.jpg',
href: 'https://www.296o.com/',
desc: '游戏源码网'
},{
time: '2024-06-10 12:30:00',
imgUrl: '/images/2.jpg',
href: '/',
desc: '三七博客'
}];
var date = new Date(),time = date.getTime();
for(i = 0; i < obj.length; i++) {
var o = obj[i],
t = (new Date(o.time)).getTime(),
boo = t - time > 0 ? true : false;
if(boo) {
var li=$('<li><a href="'+o.href+'" target="_blank"><img src="'+o.imgUrl+'" alt="'+o.desc+'"></a></li>');
}else{
var li=$('<li><a href="/ad" target="_blank"><img src="/images/default.png" alt="广告位招租"></a></li>');
}
//追加到广告盒子内部最前面位置
$('.ceo_ads').prepend(li);
}
</script>
</div>
请登录之后再进行评论