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

滑稽是一种态度关注普通五级站长

发表于ASP源码发布版块

为了给浏览者很好的体验，有的网站会选择背景音乐，那么，背景音乐是如何实现的呢？

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

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

复制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>

下载js核心文件重命名为

jquery-1.8.3.min.js 100404_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>