网站音乐播放代码

最新推荐文章于 2025-05-19 22:42:42 发布

weixin_30664615

最新推荐文章于 2025-05-19 22:42:42 发布

阅读量421

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/-ioi-/p/3490198.html

本文介绍了一段用于网站音乐播放的代码实现，包括如何使用HTML、CSS、JavaScript及媒体元素来创建交互式的音乐播放功能。代码通过切换音乐播放状态（暂停与播放），并利用背景图片变化来直观展示播放效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网站音乐播放代码

var music=$("#music>a");
music.toggle(function(){ 
$(this).css("background","url(img/stop.png) 5px center no-repeat");
media.pause();
},function(){
$(this).css("background","url(img/play.gif) 5px center no-repeat");
media.play();
});

<div id="music"><a href="javascript:void(0)">MUSIC</a>
<audio id="media" src="sounds/bg.mp3" autoplay="autoplay" loop="loop"></audio></div>

posted on 2013-12-25 10:50 Avent 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/-ioi-/p/3490198.html