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

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

1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。

2、这里是html文件，引入css和html代码文件，如图所示。

3、这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。

4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。

5、如图所示这里是效果图，会根据时间轮播显示下一张图片 了。

html将文字做成超链接，文字在图片img内；如下

1、打开编辑软件，需要一张图片做背景图像；

<style>

.imgbj{ background:url(111111.png) no-repeat width:500px height:300px  text-align:center}

.imgbj a{ color:#FFF}

</style>

<div class="imgbj">

    <a href="http://www.baidu.com/">需要插入的文字链接</a>

</div>

给css样式取一个名字：imgbj，引用一张背景图片，设置一下宽度与高度，text-aling:center文字居中显示；

2、网页中显示效果：

点击文字即可链接到<a href="超链接地址">链接地址</a>即可；

---