12、JavaScript交互性：音频、拖放API与跨浏览器视频支持

JavaScript交互性：音频、拖放API与跨浏览器视频支持

1. 音频交互效果

在网页中，我们可以使用JavaScript为音频元素添加交互效果。例如，以下代码可以让音频元素延迟500毫秒后淡入隐藏，再快速下滑显示：

$('audio').delay(500).hide('fade', {}, 1000 ).slideDown('fast'); 

对应的HTML代码如下：

<audio id ="boing" autobuffer>
  <source src="audio/cartoonboing.ogg" />
  <source src="audio/cartoonboing.mp3" />
</audio>

这个技巧同样可以应用到视频文件上，为网页增添更多的交互性。

2. 使用拖放API创建井字棋游戏

2.1 准备工作

• 从 http://www.packtpub.com/support?nid=7940 下载教程代码。
• 教程标题使用的字体来自 http://www.fo