收藏文章 楼主

网页背景音乐代码与框架页代码

版块:ASP源码发布   类型:普通   作者:滑稽是一种态度   查看:8890   回复:4   获赞:5   时间:2017-06-17 16:42:43
为了给浏览者很好的体验,有的网站会选择背景音乐,那么,背景音乐是如何实现的呢?

1.

    创建js文件夹和music文件夹在主机空间

js文件夹存放js核心文件,music文件夹不需要废话了吧。。。。。。按要求重命名


2.

    复制HTML代码,需要修改括号内的内容修改时请注意去掉括号

music.html

<!DOCTYPE html>

		<div id="equalizer">
			<audio autoplay controls loop>
				<source src="music/(你的音乐名字).mp3" type='audio/ogg'>
				<source src="music/(你的音乐名字).mp3" type='audio/mpeg'>	
			</audio>
		</div>
	</div>
</section>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.reverseorder.js"></script>
</script>
</div>
</body>
</html>
3.

下载js核心文件重命名为

jquery-1.8.3.min.js100404_20170617162051.js.js(云文件:93KB)

复制jquery.reverseorder.js源码并保存

/* reverseOrder : jQuery order reverser plugin
 *
 * Written by Corey H Maass for Arc90
 * (c) Arc90, Inc.
 * 
 * http://www.datouwang.com
 * 
 * Licensed under:
 * Creative Commons Attribution-Share Alike 3.0 http://creativecommons.org/licenses/by-sa/3.0/us/
 * 
 * Gotta love a plugin with more comments than actual code. :-)
 * items need to all be in the same parent like:
 * <div>
 * 	<div class="item">item 1</div>
 * 	<div class="item">item 2</div>
 * 	<div class="item">item 3</div>
 * </div>
 * 
 * Then call the plugin with the items to reverse:
 * $('.item').reverseOrder();
 * 
 */

(function($) {
$.fn.reverseOrder = function() {
	return this.each(function() {
		$(this).prependTo( $(this).parent() );
	});
};
})(jQuery);
这些可以在论坛页脚代码插入,也可以使用框架页,但是框架页两个都可以同时使用,互不干扰,而论坛则是跳转重新播放,而论坛基于php语言编写,框架页是HTML语言编写,暂时还没研究php与HTml架,但是先把HTML框架页贡献

kuangjia.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
 <frameset rows="95%,5%">
<frame src="1.html"></frame>
 <frame src="2.html"></frame>
 </frameset>
</frameset>
</html>


ybs 
回复列表
默认   热门   正序   倒序
guest
5F
游客Lv0
一个个
 2   2017-06-23 20:06:29  回复
a253950882
4F
神秘人Lv64
百度不收录的  不介意就玩
 2   2017-06-17 21:32:53  回复
王俊凯
3F
Ctrl键+A

全选复制代码

 2   2017-06-17 16:48:09  回复
王俊凯
2F
js文件请复制弹窗代码后重命名
 2   2017-06-17 16:44:13  回复

回复:网页背景音乐代码与框架页代码

暂无用户组
退出
等级:0级
天豆:
游客:

公告

近期本站被人为恶意注册及发布垃圾帖,本站已开启普通用户发帖审核功能,VIP系列用户组不受影响,一但发现发布违法或垃圾帖的用户,该用户账号将会被永久封号,请大家共同维护互联网环境,共创美好互联网未来。

永久免费,购授权享豪礼

3年个人版授权+1940天豆仅需194元

终身个人版授权+3880天豆仅需388元

3年尊享版授权+13580天豆仅需1358元

终身尊享版授权+27160天豆仅需2716元

扫个红包吧,快乐你我他

红包

Powered by HadSky 7.12.5

©2015 - 2023 HadSky

购买产品 用户文档 授权查询 网站绑定 更新补丁 客户案例 陕ICP备13005805号

您的IP:18.232.31.206,2023-02-06 08:21:34,Processed in 0.03387 second(s).

支持原创软件,抵制盗版,共创美好明天!
头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有0次打赏
(5) 分享
分享

请保存二维码或复制链接进行分享

取消