几行代码给你的网页添加一个音乐播放提示弹窗美化教程

M992.com 2022-5-21 1593

使用方法:

原本的实现方式有很多 javascript 代码,考虑到很多朋友看起源代码来费劲,而且还有很多小白朋友,因此社长把所有代码集成了一下,简单的 4 个文件调用一下即可,太多代码不集成优化一下显得特别冗余。

调用代码:

本文隐藏内容

代码添加方式一:

添加在你需要添加的网页地址,我是添加在网站的头部代码当中:如下图,

这样在访问首页的时候则会显示,其他位置同理,根据你自己想在哪里显示的位置放置即可,一般放在代码最底部就可以。

几行代码给你的网页添加一个音乐播放提示弹窗美化教程-觅知博客
<!-- 音乐路径 --><audio src="https://cdn.jsdelivr.net/gh/1426239465/music/yinyue/破茧 - 张韶涵.mp3" id="audio"></audio><!-- 音乐路径结束 by www.98dou.cn --><!-- 核心 js 代码开始 --><script src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/gh/1426239465/music/musictc/Music.min.js"></script><!-- 核心 js 结束 by www.98dou.cn --><!-- 音乐调用 js --><script src="https://cdn.jsdelivr.net/gh/1426239465/music/musictc/musicty.js"></script><!-- 音乐调用 js 结束 by www.98dou.cn -->


本地代码引用方式二:

<!-- 音乐路径 --><audio src="你的音乐地址" id="audio"></audio><!-- 核心 js 代码开始 --><script src="你的源码放置地址+/jquery.min.js"></script><script src="你的源码放置地址+/Music.min.js"></script><!-- 音乐调用 js --><script src="你的源码放置地址+/musicty.js"></script>

源代码下载:

下载

https://pan.baidu.com/s/1Kz0WeCWMJMdjZe79vlIlcw

提取码

TAGS


最新回复 (0)
    暂无回复,快来抢沙发吧

    暂无回复,快来抢沙发吧

返回