[北京|荣耀师兄]JS-陈建强|2016年03月18日的日报-技能树.IT修真院

发表于： 2016-03-19 11:02:50

1 1601

1,今天完成的事情：把任务六雪碧图重新做了一遍，也插入音乐了。任务9重新写了一遍。

2，明天计划的事情：任务9把手机和pad的适应做好。

3，遇到的问题：

(1)雪碧图做的时候，在谷歌调试的，左边没有加载px单位，导致自己以为图片问题截了好几次图，好煞笔。

（2）

outline:none;

清楚input等浏览器默认表单框的边框。就是说你设置一个按钮是圆角的话，那么点击也会显示出方形的边框。加这个就没有了。

4，收获：

又熟悉了任务9中，radio该变按钮图片的样式。

任务6中插入音乐和点击播放，需要搭配一点JS的点击事件来做，js代码需要放置到</body>的标签前面，之前放在了<head>里面不管用。感谢奎哥指导。

<audio id="myAudio" src="6666.mp3">
</audio>
<button onclick="playAudio()" type="button" title="播放/暂停"></button>

以上的html结构。

以下是js的点击事件：

<script>
    var x = document.getElementById("myAudio");
    function playAudio()
    {
        x.play();
    }
</script>

任务6地址：

任务9：修改版：（支持手机和pad）

返回列表