-
块：display:block 文本缩进：text-indent:20px查看全部
-
this获取当前事件发生的元素对象。查看全部
-
垂直菜单01查看全部
-
清除定时器：clearInterval 设定定时器：setInterval 设置标签宽度：offsetWidth查看全部
-
Interval 定时器查看全部
-
学完JP回来补 window.onload=function(){ var aA = document.getElementsByIagName('a'); /*查找所有的a标签元素*/ for(var i=0; i<aA.length; i++){ aA[i].onmouseover = function(){ /*获取a标签的鼠标事件*/ clearInterval(This.time); /*防止累加*/ var This = this; /*把当前的this 对象传进来*/ This.time = setInterval(function(){ This.style.width = This.offsetWidth + 8 + "px"; if(This.offsetWidth >= 160){ /*如果当前对象的宽度 大于 160*/ clearInterval(This.time); /*就停止当前时间*/ } },30) } aA[i].onmouseout = function(){ /*获取a标签的鼠标移除事件*/ clearInterval(This.time); /*防止累加*/ var This = this; /*把当前的this 对象传进来*/ This.time = setInterval(function(){ This.style.width = This.offsetWidth - 8 + "px"; if(This.offsetWidth <= 120){ /*如果当前对象的宽度 大于 160*/ This.style.width = "120px"; clearInterval(This.time); /*就停止当前时间*/ } },30) }查看全部
-
改变a标签的高度height:40px，这样是向下增加的，再设置margin-top为负值，向反方向移动margin-top:-10px，但文字也向上移动了，可设置a标签line-height:40px查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
将垂直菜单转变成水平菜单使用float浮动属性。查看全部
-
文字缩进:text-indent查看全部
-
a:hover 伪类，用于鼠标移到a的时候的样式查看全部
-
a的使用，将 a 块状再进行 text-indent text-align查看全部
-
导航菜单的3-3需要重看查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。background-position:x y; x,y是偏移量: 第一个值(x)是水平位置，第二个值(y)是垂直位置。其值可为正负。 实测y值为30px,或为-30px,都可以达到效果。查看全部
举报
0/150
提交
取消