Joe主题 评论弹幕效果(限PC端)

Joe主题实现评论弹幕功能，其他主题都已经有此功能了，今天分享下Joe主题评论弹幕功能，后台自由开启，前台随时开启和关闭！

效果图：

1、修改header文件

新增代码，；文件路径：usr/themes/Joe-master/public

①第一段放在最上面
<!-- 弹幕 -->
<section class="joe_aside__item newreply">
<?php if ($this->options->JBarragerStatus === 'on') : ?>
<?php $this->widget('Widget_Comments_Recent@index', 'ignoreAuthor=true&pageSize=15')->to($comments); ?>
<ul class="j-barrager-list">
<?php if ($comments->have()) : ?>
<?php while ($comments->next()) : ?>
<li>
<span class="j-barrager-list-avatar" data-src="<?php _getAvatarByMail($comments->mail) ?>"></span>
<span class="j-barrager-list-content"><?php _parseAsideReply($comments->content); ?></span>
</li>
<?php endwhile; ?>
<?php endif; ?>
</ul>
<?php endif; ?>
</section>
②第二段放在最下面
<!-- 弹幕 -->
<?php if ($this->options->JBarragerStatus === 'on') : ?>
<script src="<?php $this->options->themeUrl('library/joe.barrager/joe.barrager.js'); ?>"></script>
<?php endif; ?>

2、修改include.php文件

新增如下代码；文件路径：usr/themes/Joe-master/public

<?php if ($this->options->JBarragerStatus === 'on') : ?>
<link rel="stylesheet" href="<?php $this->options->themeUrl('library/joe.barrager/joe.barrager.css'); ?>">
<?php endif; ?>

3、修改functions.php

最后面添加；文件路径：usr/themes/Joe-master

$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select(
'JBarragerStatus',
array('off' => '关闭（默认）', 'on' => '开启'),
'off',
'是否开启弹幕功能（仅限PC）',
'介绍：开启后，网站将会显示评论弹幕功能，该功能采用CSS动画引擎，并非传统JS操作DOM，无任何性能消耗。'
);
$JBarragerStatus->setAttribute('class', 'joe_content joe_custom');
$form->addInput($JBarragerStatus->multiMode());

4、上传如下文件

将以下代码，放在usr/themes/Joe-master/library
下载地址：

隐藏内容

评论可见

前往评论

5、后台开启

在自定义设置——是否开启弹幕功能(仅PC)

文章版权声明

1 本网站名称：忆路吧
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。