导航条菜单的制作_技术问答

首页免费课导航条菜单的制作问答

导航条菜单的制作

全部评论问答未解决精华

秋雨梧桐叶落时0

1.offsetWidth属性可以返回对象的padding+border+width属性值之和，style.width返回值就是定义的width属性值。

2.offsetWidth属性仅是可读属性，而style.width是可读写的。
3.offsetWidth属性返回值是整数，而style.width的返回值是字符串。
4.style.width仅能返回以style方式定义的内部样式表的width属性值。

30 5-2 编程练习

2016-03-14

秋雨梧桐叶落时0

任务一：清除计时器：clearInterval
任务二：设定计时器：setInterval
任务三;a标签宽度:offsetwidth

1 5-2 编程练习

2016-03-14

秋雨梧桐叶落时0

菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高

2 3-2 练习题

2016-03-14

幕客高级会员

懵逼了。。

0 5-2 编程练习

2016-03-14

二级菜单-收缩问题

最新回答 / shanwei1223

if(This.offsetHeight<=0){ //This.offsetHeight=0 ; clearInterval(This.time) ;}

1 回答 518 浏览 6-2 编程挑战

2016-03-14

line-height设置为40，height也设置为40，为什么文字就水平居中了，那不是应该line-height应该设置为20么？

最赞回答 / helloGirl3519343

想让单行文本垂直居中设置，就要让行高（line-height）和块高（height）高度一致

5 回答 783 浏览 4-1 伸缩菜单的制作——改变高度

2016-03-13

为什么加background-position:0 -30px，点击的就变成了橘黄色，那个图片是以什么为基准的，为什么是-30？实在不懂。

已采纳回答 / 陈微语

图片的样式你可以看前面的视频，有说明。大概就是一个120px * 60px 的图片，上面30px是灰色的，下面30px是橘黄色的。把这张图片设为背景的话，默认background-position：0 0；也就是距离左边0px，距离上面0px ,刚好是对应图片的灰色区域；设置background-position：0, -30px ;就是距离左边0px ,距离上面-30px（图片整体上移30px） ,所以你看到的背景就变成橘黄色咯。

5 回答 1814 浏览 3-3 编程练习

2016-03-13

这里为啥给nav设置了宽度就能实现当缩小窗口时a标签能不换行呢？

已采纳回答 / DQJ俊逸

不是由于你设置了宽他就换行了是你设置了足够长的宽他才换行的你有5个li，每个li的width是100px 也就是说你ul的width小于500px的时候他就会被挤下来你没给ul设置width的时候他就是100%，默认是父元素的如果他的向上每一个父元素都没有设置就是浏览器的width 所以当你缩小窗口的时候也就改变了ul的width，不够宽就被挤下来了

3 回答 1952 浏览 2-3 编程练习

2016-03-13

学学习习aa

border-radius:6px 6px 0 0;

0 3-3 编程练习

2016-03-12

Ego_echo

if(This.offsetHeight<=10){ clearInterval(This.time); } //若该操作对象的补偿高度已变得小于10px，那么就清除该对象的定时任务，即使其停止
如果没有为元素设置高度，obj.offsetHeight会根据内容获取高度值，而obj.style.height会返回undefind

0 6-2 编程挑战

2016-03-12

Ego_echo

This.style.height = 0 + "px"; //把该操作对象ul的高度设为 0px ，那么由于其 class=“subNav” 的设置——overflow:hidden; ，使得该对象包括里面的内容得以隐藏

0 6-2 编程挑战

2016-03-12

Ego_echo

This.time = setInterval(function(){},30); //为该操作对象设置定时任务，任务为function(){}，在30毫秒后执行

0 6-2 编程挑战

2016-03-12

Ego_echo

clearInterval(This.time); //对该操作对象的时间属性复位

0 6-2 编程挑战

2016-03-12

Ego_echo

var This = subNav; //为了不影响本来的元素，复制一个一样的元素进行操作

0 6-2 编程挑战

2016-03-12

Ego_echo

if(subNav){} //若获取二级菜单成功则执行块里面的代码

0 6-2 编程挑战

2016-03-12

Ego_echo

var subNav = this.getElementsByTagName('ul')[0]; //获取li元素下的第一个ul元素，即获取二级菜单

0 6-2 编程挑战

2016-03-12

首页上一页 99 100 101 102 103 104 105 下一页尾页

该课程已下架

课程须知: 1.熟悉html知识，尤其对<ul>和<a>比较熟悉； 2.对css样式比较了解； 3.掌握JavaScript和jQuery基础知识。

老师告诉你能学到什么？: 轻松制作出各种形式的网站导航条菜单

微信扫码，参与3人拼团

热搜

最近搜索清空