wordpress站点旋转音乐教程|小鹿学院

wordpress站点旋转音乐教程

2018-01-16 17:43 小鹿推广

小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台，采用独创的竞价算法，智能精准出价，一键批量查排名，根据关键词位置实时调整出价，降低出价虚高，稳定排名，节省企业预算。

今天给大家分享下本站旋转音乐的教程，很简单，方法也有点笨拙，大家不喜勿喷。

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

<!–音乐–>
<sectionclass=“u-audiohidden”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>
<divclass=“btnAudio”id=“btnAudio”><li><aclass=“scroll-k”title=“<?php_e(‘本站音乐‘,‘begin’);?>”><iclass=“fa-musicfa”></i></a></li></div>
<script>
if(window.hermitjs!==undefined){
hermitjs.reload(1)//不会打断播放,音乐会继续播放
}
varbg_audio_val=true;
varbg_audio=newAudio();
functionaudio_init(){
varoptions_audio={
loop:true,
preload:“auto”,
src:$(‘.u-audio’).attr(‘data-src’)
}
for(varkeyinoptions_audio){
bg_audio[key]=options_audio[key];
}
bg_audio.load();
audio_addEvent();
bg_audio.pause();
}
functionaudio_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’);
})
}
functionaudio_control(){
if(!bg_audio_val){
bg_audio.pause();
bg_audio_val=true;
}else{
bg_audio.play();
}
}
audio_init();
</script>

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

标签：小鹿百度竞价

<< 上一篇

WordPress特效：鼠标点击显示圆圈动画

下一篇 >>

wordpress博客站点输入打字特效