关闭

导航菜单的制作

157人阅读 评论(0) 收藏 举报
分类:

学完html\css一些基础知识后,制作导航菜单总结

         首先要说的是,在网页布局中html是结构,css是表现,JavaScript是行为。

用无序列表构建菜单

    <ul>

         <li><a></a></li>

          <li><a></a></li>

    </ul>

ul li a{display:block;}   定义的关键是将<a>标签设置成块元素,这样就可以设置导航栏的宽度,高度。

.通过设置float属性(float:left;),能将垂直菜单转换成水平菜单

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

      <a>标签

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

      margin-top用负值。向相反方向移动

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

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

this代表当前<a>标签

 

 

块级元素是不是都可以设计它的padding,margn,border

1.如果要给水平菜单增加整体背景,需要对()进行哪些CSS设置?

  菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置

,首先要给<ul>定义宽、高。

在设置px时,-px是什么意思

setInterval方法的用法

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:15936次
    • 积分:336
    • 等级:
    • 排名:千里之外
    • 原创:18篇
    • 转载:3篇
    • 译文:0篇
    • 评论:1条
    最新评论