mgtv - 素材

当前位置:Gxlcms > 播放器 > jQuery音乐均衡器插件equalizer

jQuery音乐均衡器插件equalizer

时间:2021-07-01 10:21:17 帮助过:0人阅读

jQuery音乐均衡器插件equalizer jQuery音乐均衡器插件equalizer是一个jQuery的插件,用于在网页上显示一个音乐均衡器。
<head>
<meta charset='gb2312' />
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
<title>jQuery音乐均衡器插件equalizer - mgtv素材</title>
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/jquery.equalizer.css" />
</head>
<body>

<br>

<section id="main_section">
	<div class="relative_left" style="width: 600px;margin: 30px 0px;height: 300px;left : 50%;margin-left: -300px;">
		<h2 id="title">jQuery音乐均衡器插件equalizer</h2>
		<div id="equalizer">
			<audio autoplay controls loop>
				<source src="http://xunlei.sc.chinaz.com/Files/DownLoad/sound1/201603/7030.mp3" type='audio/ogg'>
				<source src="http://xunlei.sc.chinaz.com/Files/DownLoad/sound1/201603/7030.mp3" type='audio/mpeg'>	
			</audio>
		</div>
	</div>
</section>

<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.reverseorder.js"></script>
<script type="text/javascript" src="js/jquery.equalizer.js"></script>
<script>
	$(document).ready(function(){
		
		$("#ad_container span").click(function(){
			$("#ad_container").fadeOut(400);
		});
		
	});
</script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';clear:both;"><br>
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p><br>
<p>来源:<a href="https://www.mgtv.xyz" target="_blank">mgtv素材</a></p>
</div>
</body>