发表于: 2017-03-09 23:48:42
2 650
今天完成的事情;task7首页布局基本算完成了,为所要用的背景图、头像、小图标切图,制作成雪碧图,下边4个小点点的部分没有引用bootstrap,写一
个div,里面添加a标签设置宽高,然后用boder做边框border-radius: 50%使div成圆形,添加a:hoverbackground-color: #2aabd2 }使鼠标经过小点点的时候
会变成蓝色,然后布局task7的投票页面,用audio吧本地音频引入页面当中,代码是在百度找的,我也不知道是啥子意思,应该是js吧,然后添加一个按钮
点击这个按钮的时候音频可以播放和暂停;
<audio src="images/task7music.mp3" controls="controls" preload id="music" hidden>
</audio>
<button id="a" onclick="a();"><img src="images/task721.png"style="width: 0.5rem;height: 0.5rem;"></button>
<script>
function a(){
var audio = document.getElementById('music');
if(audio.paused){
audio.play();//audio.play();// 播放
}
else{
audio.pause();// 暂停
}
</script>
明天计划做的事;继续做task7剩余部分,把投票页面做完,结束页面尽量做吧 。
遇到的问题;用audio吧本地音频引入页面当中的时候不知道怎么能点自己的按钮就可以暂停和播放,开始只添加了<audio src="images/task7music.mp3"
controls="controls">效果出来的是一个类似播放器的东西,在百度上找了上边那串代码,终究算是吧问题解决了,就是不知道什么意思
收获;和老大聊了好久,收获颇深,觉得自己确实有很多不足,努力做好自己吧
评论