发表于: 2017-03-23 22:43:06

6 786


今天做了的事情:今天写了任务七第二个页面的上半部分
明天要做的事情:吧任务七写完。。。虽然我昨天也是这么说的

今天遇到的问题:头部涉及到一个播放

看了audio标签的介绍,有一个controls属性可以控制播放开始暂停,但是会出现一个丑陋的播放控制条,曾经想过把这个控制条隐藏,但是感觉没法把他运用到效果图的图标里,所以觉得不能使用这个属性,然后百度找了一些时间,找到了
<a href="#" onclick="document.getElementById('music').play();return false;">开始</a>
<a href="#" onclick="document.getElementById('music').pause();return false;">暂停</a>

这两条语句,但是好像涉及到了js,不是很懂,但是可以抄用~。~,做了一个test,发现效果是会出现并排的“开始  暂停”两个按钮,并不能像效果图一样在一个按钮里。

然后我就看着这个a标签,突然想到了伪类,如果我点击之前用一个图标,点击之后用另一个,然后用:visited让前一个失效,岂不是可以运用到这两条语句,又能变换图标。于是我兴冲冲的写了这两个图标。

测试了又不行,因为点击一次之后就会一直停留在后一个。

然后我又想能不能通过href,让点击之后跳转到点击之前的状态,不就实现了把已经visited之后的状态又重置到前一个未点击的状态了么?想了很久,不会写。。。

然后还是借鉴了其他人的@韩阳欧巴,是一段js什么循环的代码,不懂但是可以实现点击播放点击暂停,但是不能出现变换图标。等我学到js我会把这个重新写一遍,要实现我说的效果。

然后又遇到了定位的问题,本来我是这三个部分分别fixed定位,

但是每下一个部分都要通过边距推下来,但是这样又需要把上一个写一个定高,感觉不是很好,就又改了一下,把三个部分放到header里,然后把header fixed定位。

今天的感悟: 感觉这些奇淫技巧不是现在我应该考虑的,知道的东西太少想到的东西写不出来,也不知道写出来能不能用,很浪费时间。我要赶进度。
韩阳欧巴教我抄代码,啧啧啧~这个人~
                      



返回列表 返回列表
评论

    分享到