发表于: 2017-04-07 19:44:30
1 648
今天完成的事:1,把自适应的导航栏写出来了,参考了别人的,利用了button的onclick的属性。还要配合js,
<script>
// 屏幕缩小后按钮点击事件
function change() {
var list = document.getElementById("change");
if (list.style.display == 'block') {
list.style.display = 'none';
} else {
list.style.display = 'block';
}
}
</script>
点击button后可以让另一个div显示或隐藏,从而实现汉堡菜单栏
2,学习了一些css动画的知识,
3,完成首页的部分内容
明天计划的事:1,完成前两页的代码编写,
2,开始学习js知识
遇到的问题:不用bootstrap的前提下,怎么实现像bootstrap的导航栏自适应,就要用到以上的js代码。
收获:对bootstrap栅格结构有了更深的理解,自己写的话,可以根据任务要求写个简单的就行了。
评论