10.7　练习

要完成以下练习，读者需要本章的index.html文件，以及complete.js中包含的已经完成的JavaScript代码。可以从Packt Publishing网站http://www.packtpub.com/support下载这些文件。

“挑战”练习有一些难度，完成这些练习的过程中可能需要参考 jQuery 官方文档： http://api.jquery.com/。

• 当用户单击照片时，为包含照片的<div>添加或删除selected类。要保证通过Next Page链接添加的照片同样也具有这种行为。

• 添加一个名为pageLoaded的自定义事件，在新一组照片加载完成后触发。

• 使用nextPage和pageLoaded处理程序，仅在加载新页面的过程中在页面底部显示一条“正在加载”消息。

• 为照片绑定mousemove处理程序，记录鼠标的当前位置（使用console.log()）。

• 改进mousemove处理程序，使其每秒钟最多记录5次位置信息。

• 挑战：创建一个新的名为tripleclick的特殊事件，当鼠标在500毫秒内单击3次的情况下触发。为了测试这个事件，请给<h1>元素绑定一个tripleclick处理程序，“三击”这个<h1>可以隐藏或显示<div id="gallery">的内容。