专栏首页小白安全小白博客 迷你音乐播放器及实现全站pjax无刷新加载

小白博客 迷你音乐播放器及实现全站pjax无刷新加载

演示截图:

请点击此处输入图片描述

请点击此处输入图片描述

使用教程,下载播放器文件,直接上传压缩包至你的网站根目录,然后解压到根目录。

然后在你的网站程序模板文件或者html中的</body>前面加上下面的代码:

<?php require '/MINET/music.php'; music::Minetxmusic('1997318085','open','www.baidu.com');?>

第一个参数为你网易云音乐的歌单ID,第二个open是开启ssl 如果你的网站没有ssl那么请填写cloesd

音乐播放器下载链接:https://pan.baidu.com/s/1pM8opAj 密码:ma6y 一行代码即可搞定播放器,不过要实现点击其他页面音乐不暂停 的话可以使用一下方法:

整合pjax的准备工作;

    检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入

1.新浪CDN提速:
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script>

 1.7.0版本以上的才有pushState的封装。 开始整合Pjax;      1.下载pjax.js :链接: https://pan.baidu.com/s/1miZi2nQ 密码: v1im      2.在你喜欢的位置(最好body代码结束前)引入pjax.js;

<script type="text/javascript" src="/assets/js/pjax.js"></script> 

使用pjax;

    编辑模版footer.php在</body>标记结束前插入:

<script>
    $(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});
</script>

写好代码后,将容器contentleft付给一个ID,比如在body内的一个div,如:

<body>
      <div id="contentleft">
            网站内容部分...
      </div>
</body>

搞定

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • handsome主题下载:一款十分华丽且功能强大的Typecho主题

    在复杂中,保持简洁。 如你所见,这是一款花费很长时间才得以完成的主题。在功能强大和体积轻巧中不断权衡,然后呈现在你的面前。 为了更好地创作,为了更好记录生活。 ...

    梦溪
  • 开源应用中心|五分钟教你搭建一个基于Laravel开发博客的应用

    laravel_blog是一款精美的博客程序,采用laravel框架搭建,适配pc和移动端,可能是世界上最漂亮的博客之一。

    Ducan
  • Handsome魔改备忘

    请注意,本文编写于 536 天前,最后修改于 137 天前,其中某些信息可能已经过时。

    Naraku
  • tony平常使用那些开源呢?

    简介        tony在今年(2018)也是换上了typecho开源博客系统。        tony在这之前也使用过wordpress来搭建博客,不过...

    xcsoft
  • Pomelo-单栏式简约清新wp主题

    神无月
  • DIASPORA – 简约素色响应式单栏 WORDPRESS 博客主题

    神无月
  • 数款二次元wordpress主题,你值得拥有!

    这大概是博主通过搜索引擎找的现在还可以用的,咱们中国人做的WordPress动漫主题了。 不多说直接进入主题。

    可定
  • Butterfly的Pjax适配方案

    https://liuyib.github.io/2019/09/24/use-pjax-to-your-site/

    Akilar
  • 开源应用中心|十分钟教你搭建一个基于Laravel开发博客的应用

    1. 背景 laravel_blog是一款精美的博客程序,采用laravel框架搭建,适配pc和移动端,可能是世界上最漂亮的博客之一。 2. laravel_...

    腾讯云DNSPod团队
  • SAO UI Plan -- SAO Utils Web 1.0

    由于本教程涉及的所有修改对缩进格式等有严格要求,担心自己控制不好的可以直接下载静态资源。参照教程进行修改。

    Akilar
  • 【奇思妙想】20个从设计到功能都创意十足的小众网站

    现代生活节奏越来越快,工作压力也越来越大,不少设计师们在日复一日的重复工作中可能也会面临思维枯竭的困境。

    奔跑的小鹿
  • zblogPHP增加pjax功能,大写的一个“帅”字

    哈哈,紧跟时代潮流,李洋博客增加最新最炫的pjax功能。大写加粗的一个“帅”字,呵呵!

    李洋个人博客
  • SAO UI Plan -- SAO Utils WEB 2.0

    由于本教程涉及的所有修改对缩进格式等有严格要求,担心自己控制不好的可以直接下载静态资源。参照教程进行修改。

    Akilar
  • 必不可少的Firefox插件

    Adblock Plus 去广告,包括youku的开头广告 All-in-One Sidebar 最大的好处就是省去书签栏 NoSquint :用firefo...

    bear_fish
  • Giselle 主题帮助文档 & FAQ

    主题设置基于Inspire,任何关于本主题的建议和问题反馈请在本篇文章留言讨论,我会统一收集,如果我们想法相符 + 有能力实现 + 不影响主题美观的情况下,新功...

    w候人兮猗
  • 被下架封杀几年后,这款 GitHub 上万星、超牛逼的浏览器插件终于回归了

    在过去很长一段时间里,人们想找歌听歌非常简单:只要随便在网络上搜索歌名,无论是在线试听还是下载保存到手机里,都非常方便。

    GitHubDaily
  • 每周分享第 2 期

    配合 zsh 使用效果更好哦 在 .zshrc文件里面输入 function gi() { curl -L -s https://www.gitignore.i...

    爬虫
  • 主题的隐藏功能

    如果时间久了对一种颜色不喜欢了,怎么办?那么就来换一个颜色,黄色、绿色、红色还有各种中国色...随你挑!

    飞翔的竹蜻蜓
  • 一键解锁网易云音乐变灰歌曲

    现在每天早上8点20给几十个网易账号打卡听歌300首(如果想给你的账号打卡升级发你的账号和md5加密后的密码给我),目前用的腾讯云的云函数免费服务,应该可以一直...

    苏生不惑

扫码关注云+社区

领取腾讯云代金券