怎么给自己博客页脚给加上随机显示文章,让页脚不再显得单调的同时提高文章的曝光率呢?
下面将介绍实现方法,效果如下图所示,或直接看本站的页脚文章展示效果!本文介绍的方法,一则是调用WP自动函数实现调用随机文章,二则是给随机文章加定时切换功能,使加上展示的文章数量的同时,不会让人感觉是一堆文章的堆积显示!
调用WP自动函数实现调用随机文章,关键
代码:
<ul class="tabc rand_article fix"> <?php some_posts( $orderby = "rand", $plusmsg = "",$limit = 54); ?> </ul>
随机文章加定时切换功能,关键代码:
<script type="text/javascript"> //页脚随机文章定时切换: 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); }) </script>
有兴趣的朋友,copy上面代码略作修改,就可直接拿来用了!
备注:本人感觉上面的jquery写得不够简练,但一时又想不到优化的代码取代,若有朋友对此代码有优化建议,欢迎留言相互交流学习!期待... ^_^
10条评论( 网友:5 条,站长:5 条 ) 网友评论{有您的评论更精彩....}