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

王俊凯 滑稽是一种态度 关注 五级站长 普通
发表于ASP源码发布版块
为了给浏览者很好的体验,有的网站会选择背景音乐,那么,背景音乐是如何实现的呢?

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>


评论列表 评论
一个个
共0条回复,点击查看回复
a253950882 神秘人 六级站长 普通 4#
百度不收录的  不介意就玩
共0条回复,点击查看回复
王俊凯 滑稽是一种态度 五级站长 普通 3#
Ctrl键+A

全选复制代码

共0条回复,点击查看回复
王俊凯 滑稽是一种态度 五级站长 普通 2#
js文件请复制弹窗代码后重命名
共0条回复,点击查看回复
发布评论

评论: 网页背景音乐代码与框架页代码

已有0次打赏
(5) 分享
分享

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

取消