[note]导航页调试

|人物介绍page

用fullpage.js做全屏滑动特效的时候，总是容易卡住，刷新就好了，用chrome一直观察代码变动，发现最后的page结构，不怎么一样，少了</div>

多么蠢的错误，竟敢误以为别人代码不怎么好

|fullpage.js

其实当时看到的这个滚动组件就觉得很棒了。引入：

<script src="http://www.dowebok.com/fullPage.min.js"></script>

    fullpage.js 效果演示：点我

|导航页BGM

超困扰，<audio>这个html5标签很多老浏览器应该都不支持（IE8和更早的版本

而且，用的MP3格式也有很多浏览器不支持。

发现一篇好文章讲浏览器与<audio>标签的兼容性：点我

这里也有讨论，有趣的是列出了不同浏览器的播放器外观：点我

实际修改了一下代码

<embed id="em" src="HOME/ChianoSky - Walking Away.ogg" hidden="true" autostart="true" loop="true" />
<embed id="em" src="HOME/ChianoSky - Walking Away.mp3" hidden="true" autostart="true" loop="true" />

最后代码变成了这样，Opera能响了好感动，标签页LOGO的地方有超动感的特效，我大OPERA！

发现示例里都加了如下代码：

<audio controls="controls">

改着改着，我发现了

玛德我这不是用的<embed>标签吗吗吗吗，还以为是<audio>改一半天

<audio controls="controls" autoplay="autoplay">
    <source src="HOME/ChianoSky - Walking Away.ogg"  type="audio/ogg" autostart="true"/>
    <source src="HOME/ChianoSky - Walking Away.mp3"  type="audio/mp3" autostart="true"/></audio>

终于好了，cry，就是播放条不怎么美观，不过似乎有别的解决办法，audio.js什么的。（以后在说

等下次应该先测测把音乐传到七牛云空间会不会加载快些……