最新公告
  • 欢迎您光临一起游戏源码,本站搜索互联网上优质游戏代码贡献给我们的会员立即加入VIP
  • 【rizhuti / ripro弹幕美化教程】日主题与RIPro主题实现全站滚动下载弹幕教程

    【rizhuti / ripro弹幕美化教程】日主题与RIPro主题实现全站滚动下载弹幕教程 最后编辑:2020-11-19
    增值服务: 自动发货 使用说明 安装指导 环境配置二次开发BUG修复
    【rizhuti / ripro弹幕美化教程】日主题与RIPro主题实现全站滚动下载弹幕教程

    在主题根目录下创建server.php文件,并上传到主题根目录下 rizhtu与ripro不一样

    <?php
    /*!
     *@name     server.php
     *@project  jquery.barrager.js
     *@des      日主题弹幕插件
     *@author   Ernie
     *@url      https://www.zzhuti.com
     */
    require_once($_SERVER[\'DOCUMENT_ROOT\'] . \'/wp-config.php\');
    require_once($_SERVER[\'DOCUMENT_ROOT\'] . \'/wp-includes/wp-db.php\');
    $list = $wpdb->get_results(\"SELECT * FROM $wppay_table_name ORDER BY create_time DESC limit 10\");
    $mode = intval($_GET[\'mode\']);
    $barrages = array();
    foreach ($list as $value) {
      if ($value->post_id != 0) {
        $info = substr_replace(get_user_by(\'id\', $value->user_id)->user_login, \'**\', \'2\') . \" 刚刚下载了 \" . mb_substr(get_the_title($value->post_id), 0, 8);
        $href = get_permalink($value->post_id);
      } else {
        $info = substr_replace(get_user_by(\'id\', $value->user_id)->user_login, \'**\', \'2\') . \" 刚刚开通了 VIP\";
        $href = home_url(\'/user?action=vip\');
      }
      $img = str_replace(\'http:\', \'https:\', get_user_meta($value->user_id)[\'photo\'][0]);
      $new = array(
        \'info\'   => $info,
        \'img\'   => $img,
        \'href\'   => $href,
        \'speed\'   => 15,
        \'color\'  =>  \'#000\',
        \'bottom\'  => 70,
        \'close\'  => false
      );
      array_push($barrages, $new);
    };
    if ($mode === 1) {
      echo json_encode($barrages[array_rand($barrages)]);
    } elseif ($mode === 2) {
      echo json_encode($barrages);
    }
    <?php
    /*!
     *@name     server.php
     *@project  jquery.barrager.js
     *@des      RiPro弹幕插件服务端
     *@author   Ernie
     *@url      https://www.zzhuti.com
    */
    require_once($_SERVER[\'DOCUMENT_ROOT\'] . \'/wp-config.php\');
    require_once($_SERVER[\'DOCUMENT_ROOT\'] . \'/wp-includes/wp-db.php\');
    $list = $wpdb->get_results(\"SELECT * FROM $paylog_table_name WHERE status =1 ORDER BY pay_time DESC limit 10\");
    $mode = intval($_GET[\'mode\']);
    $barrages = array();
    foreach ($list as $value) {
      $info = substr_replace(get_user_by(\'id\', $value->user_id)->user_login, \'**\', \'2\') . \" 刚刚下载了 \" . mb_substr(get_the_title($value->post_id), 0, 8);
      $img = str_replace(\'http:\', \'https:\', get_user_meta($value->user_id)[\'user_custom_avatar\'][0]);
      $href = get_permalink($value->post_id);
      $new = array(
        \'info\'   => $info,
        \'img\'   => $img,
        \'href\'   => $href,
        \'speed\'   => 15,
        \'color\'  =>  \'#fff\',
        \'bottom\'  => 70,
        \'close\'  => false
      );
      array_push($barrages, $new);
    };
    if ($mode === 1) {
      echo json_encode($barrages[array_rand($barrages)]);
    } elseif ($mode === 2) {
      echo json_encode($barrages);
    }

    创建jquery.barrager.js文件,并上传到主题的js/文件下,js内容见下方代码

    (function($){$.fn.barrager=function(barrage){barrage=$.extend({close:true,bottom:0,max:10,speed:8,color:\"#fff\",old_ie_color:\"#000000\"},barrage||{});var time=new Date().getTime();var barrager_id=\"barrage_\"+time;var id=\"#\"+barrager_id;var div_barrager=$(\"<div class=\'barrage\' id=\'\"+barrager_id+\"\'></div>\").appendTo($(this));var window_height=$(window).height()-100;var this_height=(window_height>this.height())?this.height():window_height;var window_width=$(window).width()+500;var this_width=(window_width>this.width())?this.width():window_width;var bottom=(barrage.bottom==0)?Math.floor(Math.random()*this_height+40):barrage.bottom;div_barrager.css(\"bottom\",bottom+\"px\");div_barrager_box=$(\"<div class=\'barrage_box cl\'></div>\").appendTo(div_barrager);if(barrage.img){div_barrager_box.append(\"<a class=\'portrait z\' href=\'javascript:;\'></a>\");var img=$(\"<img src=\'\' >\").appendTo(id+\" .barrage_box .portrait\");img.attr(\"src\",barrage.img)}div_barrager_box.append(\" <div class=\'z p\'></div>\");if(barrage.close){div_barrager_box.append(\" <div class=\'close z\'></div>\")}var content=$(\"<a title=\'\' href=\'\' target=\'_blank\' rel=\"noopener noreferrer\"></a>\").appendTo(id+\" .barrage_box .p\");content.attr({\"href\":barrage.href,\"id\":barrage.id}).empty().append(barrage.info);if(navigator.userAgent.indexOf(\"MSIE 6.0\")>0||navigator.userAgent.indexOf(\"MSIE 7.0\")>0||navigator.userAgent.indexOf(\"MSIE 8.0\")>0){content.css(\"color\",barrage.old_ie_color)}else{content.css(\"color\",barrage.color)}var i=0;div_barrager.css(\"margin-right\",0);$(id).animate({right:this_width},barrage.speed*1000,function(){$(id).remove()});div_barrager_box.mouseover(function(){$(id).stop(true)});div_barrager_box.mouseout(function(){$(id).animate({right:this_width},barrage.speed*1000,function(){$(id).remove()})});$(id+\".barrage .barrage_box .close\").click(function(){$(id).remove()})};$.fn.barrager.removeAll=function(){$(\".barrage\").remove()}})(jQuery);$.ajaxSettings.async=false;$.getJSON(\"https://www.zzhuti.com/wp-content/themes/rizhuti/server.php?mode=2\",function(data){var looper_time=5000;var items=data;var total=data.length;var run_once=true;var index=0;barrager();function barrager(){if(run_once){looper=setInterval(barrager,looper_time);run_once=false}$(\"body\").barrager(items[index]);index++;if(index==total){clearInterval(looper);return false}}});

    记得将js文件中的(网址)和(主题名)改为自己的正确路径,别忘了网址的http/https。

    修改主题的header.php文件,引用刚刚创建的js文件,在主题前插入代码

     <script type=\'text/javascript\' src=\'https://www.zzhuti.com/wp-content/themes/rizhuti/js/jquery.barrager.js\'></script>

    在主题style.css文件里插入样式代码

    .barrage{position: fixed;bottom:70px;right:-500px;display: inline-block;width: 500px;z-index: 99999}
    .barrage_box{background-color: rgba(0,0,0,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
    .barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
    .barrage_box .portrait img{width: 100%;height: 100%;}
    .barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 18px; }
    .barrage_box div.p a:hover{text-decoration: underline;}
    .barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(close.png);}
    .barrage_box:hover .close{visibility:visible;opacity: 1;}
    .barrage_box .close a{display:block;}
    .barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
    .barrage .z {float: left !important;}
    .barrage  a{text-decoration:none;}

    Originally posted 2019-11-26 08:43:19.

    猜你喜欢

    一起游戏源码分享,节约一包烟,学习做游戏
    一起游戏源码 » 【rizhuti / ripro弹幕美化教程】日主题与RIPro主题实现全站滚动下载弹幕教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源均来源于互联网,仅用于学习和研究,请在下载后的24小时内删除程序!
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    请在下方留言评论,官员会补充的,
    为什么解码密码不正确
    解压密码不正确的请联系管理员获取最新的
    • 2020-11-19Hi,初次和大家见面了,请多关照!

    发表评论

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者
    • 369会员总数(位)
    • 4569资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 545稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
  • © 2018 by - 一起游戏 & . All rights reserved 粤ICP备14100428号

  • XML地图 | 站长导航