php随机访问文章,给博客页脚加上随机显示文章,带定时切换功能… - Phpvar's Blog - phpvar.com...

怎么给自己博客页脚给加上随机显示文章,让页脚不再显得单调的同时提高文章的曝光率呢?

下面将介绍实现方法,效果如下图所示,或直接看本站的页脚文章展示效果!本文介绍的方法,一则是调用WP自动函数实现调用随机文章,二则是给随机文章加定时切换功能,使加上展示的文章数量的同时,不会让人感觉是一堆文章的堆积显示!

653f157850be0ce478f3157ae5a87541.png

调用WP自动函数实现调用随机文章,关键

代码:

随机文章加定时切换功能,关键代码:

//页脚随机文章定时切换:

var $showNum=0;

var $mum=$("#footer .rand_article >li").length;

$("#footer .rand_article >li:gt("+(18-1)+")").hide();

function finfo(){

$showNum++;

$showNum=$showNum>=3?0:$showNum;

$("#footer .rand_article >li").hide();

if($showNum==0){

$("#footer .rand_article >li:lt(18)").show();

}else{

$("#footer .rand_article >li:gt("+(18*$showNum-1)+"):lt(18)").show()

}

}

var $fAction=setInterval(finfo,5000);

$("#footer .rand_article").hover(function(){

clearInterval($fAction);

},function(){

$fAction=setInterval(finfo,5000);

})

有兴趣的朋友,copy上面代码略作修改,就可直接拿来用了!

备注:本人感觉上面的jquery写得不够简练,但一时又想不到优化的代码取代,若有朋友对此代码有优化建议,欢迎留言相互交流学习!期待... ^_^

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值