发表于: 2017-04-07 19:44:30

1 649


今天完成的事: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栅格结构有了更深的理解,自己写的话,可以根据任务要求写个简单的就行了。




返回列表 返回列表
评论

    分享到