慕课网导航条教程笔记

1.通常用什么标签构建导航条菜单？

无序列表<ul><li></li></ul>

例如：

<ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">新闻</a></li>
</ul>

2.如何将垂直菜单转变为水平菜单

对垂直菜单中的css样式设置<li>添加float属性

3.在制作圆角菜单的背景图片是贴在哪个标签上

<a>标签

4.在制作改变高度的伸缩菜单时用什么技巧实现高度向上延伸

使用margin-top设置为负值

5.在用JavaScript代码实现菜单水平伸缩效果时this的含义是什么？

<script type="text/javascript">
        window.onload = function(){
            var aA=document.getElementsByTagName('a');
            for (var i = 0; i <aA.length; i++) {
                aA[i].onmouseover = function(){
                    clearInterval(this.time);
                    var This = this;
                    This.time = setInterval(function(){
                        This.style.width = This.offsetWidth+8+"px";
                        if(This.offsetWidth >= 160){
                            clearInterval(This.time);
                        }
                    },30)
                }
            }
        }
    </script>

代表当前a标签