Question

html5 如何多个图片每个点开都用音乐

我是小白，想实现这样的事情。一个页面中有多个图片，点击每个图片都会播放一个声音，再点一下可以停止那种。我网上找了很久也没有弄好，翻了书也不会。希望大家帮助，我是小白，最好能提供我详细代码！先谢谢了！我的qq：435074852

Answer 1

前面的答案答非所问。应该用js解决，在图片上加onclick,函数中写播放的音乐，可以提供参数来播放不同音乐。有个问题，你需要可以同时播不同音乐么？是的话比较复杂，不是的话设全局布尔变量，如果在播放音乐，停，没有则开始。如果是的话，你需要为所以音乐设布尔变量，也就是每个图都设个变量开确定是否在播放了。onclick是html的attribute，可以让html的tag监听js事件，点击之类的。

追问

谢谢你细致的讲解   我不用同时放 。按你说的我实现了一般，现在又有了一个问题，就是怎么写一个函数，能停止正在播放的。希望你能帮我。

Answer 2

这个原理其实很简单的。你知道html5只是html+css3+js的全程，所以控制图片的定位都是有css的一个position属性来做的,图片无非就是去改变定位中的left值。知道这个之后我就可以接下来的实现步骤：
当然，这些只是实现逻辑。具体细化功能这个你自己去调整。原理知道其他的都简单的很。

Answer 3

功夫大师更好