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

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

导航条菜单的制作

全部评论问答未解决精华

qq_NewFaceMook_03559280

a{border-radius: 15px 15px 0px 0px;}加上这一句就好了

1 3-1 圆角菜单的制作

2016-10-09

兔师傅

喜欢剧透！JS我就要来学了！

0 5-1 伸缩菜单的制作——水平方向

2016-10-09

兔师傅

每次看新的章节都心惊肉跳，强行拽出舒适区，老师棒棒哒

0 4-1 伸缩菜单的制作——改变高度

2016-10-09

_蕗丨詪倀_3425393

aLi[i].onmouseout=function(){
var osubNav=this.getElementsByTagName('ul')[0];
if(osubNav){
var This=osubNav;
clearInterval(This.time);
This.time=setInterval(function(){
This.style.height=This.offsetHeight-16+"px" ;
if(This.offsetHeight==0)
clearInterval(This.time);
},30)
}

0 6-2 编程挑战

2016-10-09

慕斯4529030

没思路好可怕啊

0 6-2 编程挑战

2016-10-08

荒野上摔倒

最后两节果断跳过

2016-10-06

请问你是3426834

不错，学会了relative父元素下的absolute不会改变页面布局

0 6-2 编程挑战

2016-10-06

请问你是3426834

幸好我是学完jquery过来看一下案例的

0 5-1 伸缩菜单的制作——水平方向

2016-10-06

请问你是3426834

设置圆角的确可以用border-radius ，但是用背景图能自己DIV一些图上去，选择更多

0 3-3 编程练习

2016-10-06

荣耀zyy

.{margin:0; padding:0;} 全局基本样式清除

display:block 转换为块级标签

display:inline 转换为内联标签

display:inline-block 转换为内联块级标签

list-style:none 清楚ul或ol列表中li标签前面的项目符号

text-decoration:none 清除下划线

text-decoration:line-through 添加删除线

text-indent:2em 设置文本缩进为字号的2倍

a:hover{} 定义鼠标滑过时的链接颜色

0 1-1 垂直菜单的制作

2016-10-04

荣耀zyy

基本的样式清除： *{margin:0;padding:0}

无序列表圆点去除： ul{list-style:none}

下划线去除： a{text-decoration:none}

文本缩进标签 text-indent 不会影响总体宽度（padding会）

需要将a标签设置为块元素，才能设高宽、hover效果代码：a{display:block}

hover格式 a:hover{}

1 1-1 垂直菜单的制作

2016-10-04