wordpress站点旋转音乐教程

一点优化 2019年12月25日18:01:56
评论
989看 1254字
广告也精彩
今天给大家分享下本站旋转音乐的教程,很简单,方法也有点笨拙,大家不喜勿喷。
wordpress站点旋转音乐教程

第一步:将以下代码放到scroll.php文件中的最上面即可

<!–音乐–>
<section class=“u-audio hidden” data-src=“http://cdn.qimok.cn/Xun%28%E6%98%93%E7%A1%95%E6%88%90%29%20-%20%E6%88%91%E6%98%AF%E4%BD%A0%E7%9A%84%E5%BD%B1%E5%AD%90.mp3”></section>
<div class=“btnAudio” id=“btnAudio”><li><a class=“scroll-k” title=“<?php _e( ‘本站音乐‘, ‘begin’ ); ?>”><i class=“fa-music fa”></i></a></li></div>
<script>

if( window.hermitjs !== undefined ){
hermitjs.reload(1) //不会打断播放,音乐会继续播放

}
var bg_audio_val = true;
var bg_audio = new Audio();
function audio_init(){
var options_audio = {
loop: true,
preload: “auto”,
src: $(‘.u-audio’).attr(‘data-src’)
}
for (var key in options_audio) {
bg_audio[key] = options_audio[key];
}
bg_audio.load();
audio_addEvent();
bg_audio.pause();
}
function audio_addEvent(){
$(“#btnAudio”).on(‘click’, audio_control);
$(bg_audio).on(‘play’,function(){
bg_audio_val = false;
$(‘#btnAudio’).addClass(‘fa-spin’);
})
$(bg_audio).on(‘pause’,function(){
$(‘#btnAudio’).removeClass(‘fa-spin’);
})
}
function audio_control(){
if(!bg_audio_val){
bg_audio.pause();
bg_audio_val = true;
}else{
bg_audio.play();
}
}
audio_init();
</script>

第二步:将以下代码放到style.css中即可

.btnAudio{position:fixed;right:10px;top:130px;overflow:hidden;z-index:1050}

草草的看了下代码,应该可以实现,如果还有问题,请在下方留言,看到第一时间更新文章,谢谢大家的支持!

  • SEO话题
  • 这是我的QQ群扫一扫
  • weinxin
  • wp开发交流
  • 我的QQ交流群扫一扫
  • weinxin
wordpress搭建站中站(栏目站)教程 基础建站教程

wordpress搭建站中站(栏目站)教程

wordpress如何搭建栏目站?也就是我们所说的站中站。wordpress因为文章数据库表单只有一个,所以一般会比较卡,当然也有一些SEO站长因为站中站权重比较集中,所以使用站中站的方式做优化,还有...
修改WordPress数据库前缀完后台无法登陆教程 WP综合教程

修改WordPress数据库前缀完后台无法登陆教程

一点优化操作完上一个如何修改WordPress数据库前缀修改完之后,发现网站后台无法登陆了,百思不得其姐,然后在百度的帮助下,解决了这个问题,后续的教程请看下面。 如果你将数据库导入到运营中的服务器登...
如何修改WordPress数据库前缀 WP综合教程

如何修改WordPress数据库前缀

之前有一点优化有出一个分布式缓存的教程,但是那个分布式缓存会导致多个网站在一个服务器下面,数据库相同表前缀导致出现错误,所以这里一点优化在这边出三个WordPress修改表前缀的方法,分别是插件,安装...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: