子比主题 – 集成底部滚动推荐条_让好文章不再被埋没

部署教程

<div id="gg">
  <div class="wp_close"><a href="https://www.foxccs.com/" onclick="$('#gg').slideUp('slow');" title="关闭">×</a>
    <div id="feedb"><a href="https://www.foxccs.com" rel="nofollow" target="_blank" title="欢迎使用 QQ 邮箱订阅狐狸资源网" class="image"><img alt="订阅图标按钮" src="<?php bloginfo('template_directory'); ?>/images/feed.gif" style="width:23px;height:23px;" /></a></div>
      <div class="bulletin">
  <ul>
  <?php wp_reset_query();query_posts( array ( 'orderby' => 'rand', 'showposts' => 5, 'ignore_sticky_posts' => 10 ) ); while ( have_posts() ) : the_post();?>
  <li><a href="<?php the_permalink(); ?>" target="_blank" title="细看 <?php the_title(); ?>">
  <?php echo '随机推荐：《';the_title();echo '》';if(function_exists('the_views')) {print '( 阅读';the_views();print '次 |</a>';}comments_popup_link('坐等沙发','1 条评论','% 条评论'); ?>)</li>
  <?php endwhile; ?>
        </ul>
  </div>
</div>

将以上代码中的 QQ 邮箱订阅链接地址修改成你自己博客的订阅地址，然后粘贴到 WordPress 主题目录的 footer.php  的</body> 之前保存即可。

CSS

主题设置 – 自定义代码 – 自定义 CSS 样式

#gg{position:fixed;bottom:0;background:#000;width:100%;height:23px;line-height:23px;z-index:9999;opacity:.60;filter:alpha(opacity=60);_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-webkit-box-shadow:10px 0 5px #000;-moz-box-shadow:10px 0 5px #000;box-shadow:10px 0 5px #000} #gg a{color:#fff;letter-spacing:2px;text-shadow:0px 1px 0px #000} .wp_close a{float:right;margin:0 10px 0 0} .bulletin{height:23px;color:#fff;margin:0 0 0 20px;background:url(./images/bulletin.gif) no-repeat;min-height:23px;overflow:hidden} .bulletin a{float:left} .bulletin li{height:23px;padding-left:25px}

javascript 代码

主题设置 – 自定义代码 – 自定义 javascript 代码

function turnoff(obj) {
  document.getElementById(obj).style.display = "none";
}
// 文字滚动
(function($) {
  $.fn.extend({
  Scroll: function(opt, callback) {
  if (!opt) var opt = {};
    var _this = this.eq(0).find("ul:first");
    var lineH = _this.find("li:first").height(),
    line = opt.line ? parseInt(opt.line, 10) : parseInt(this.height() / lineH, 10),
    speed = opt.speed ? parseInt(opt.speed, 10) : 7000, //卷动速度，数值越大，速度越慢 （毫秒）
                timer = opt.timer ? parseInt(opt.timer, 10) : 7000; //滚动的时间间隔 （毫秒）
    if (line == 0) line = 1;
    var upHeight = 0 - line * lineH;
    scrollUp = function() {
      _this.animate({
        marginTop: upHeight
      }, speed, function() {
        for (i = 1; i <= line; i++) {
          _this.find("li:first").appendTo(_this);
          }
          _this.css({
          marginTop: 0
          });
        });
      }
      _this.hover(function() {
        clearInterval(timerID);
      }, function() {
        timerID = setInterval("scrollUp()", timer);
      }).mouseout();
    }
  })
})(jQuery);
$(document).ready(function() {
  $(".bulletin").Scroll({
    line: 1,
    speed: 1000,
    timer: 5000
  }); //修改此数字调整滚动时间
});