为网页添加提示音乐播放弹窗

为网页添加提示音乐播放弹窗

1522415

前言

我们制作网站或者HTML单页的时候,没有播放音乐又觉得有些单调,自动播放音乐对于一些不喜欢的用户又觉得太吵,所以我们在网站或者HTML单页面上如果编写出一个弹窗提示用户是否开启音乐,那么喜欢边听歌边阅读网页内容的用户可以点击开启音乐,不喜欢的用户可以点击关闭音乐,这样可以很好的兼顾用户们的喜好。那么如何实现呢?话不多说下面就分享教程给大家!

教程

1.首先我们需要创建和调用2个主要的js文件。 若你的网站已经调用jquery,那么不需要添加下面的代码,若没有请添加下面的代码即可。

在目录下创建一个js文件把下面的音乐播放的主要js代码添加进去,然后调用这个js文件即可。

2、在网页的“</head>”之前添加下面的代码:

注:自己可以把自己喜欢的一首音乐上传到主机的某个目录下,然后添加音乐路径(例如:/Music/xxx.mp3,若无法播放,请把音乐名改为英文名)。

3、(本步骤也可以不添加)可以在网页的合适位置添加一个音乐开关按钮,代码如下:

音乐设置按钮代码:

音乐设置按钮CSS:

注:这是复制本站的一个按钮CSS代码,请自己定义按钮代码

4、在网页合适的地方添加弹窗提示是否开启音乐javascript代码(当然也可以创建js文件,然后调用):

效果

图片[1]-为网页添加提示音乐播放弹窗
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

为网页添加提示音乐播放弹窗-七年博客
为网页添加提示音乐播放弹窗
此内容为免费阅读,请登录后查看
0
免费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞15赞赏 分享
评论 共15条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像刚下飞机的女孩0