-
margin使用负值,可以使元素向相反方向移动查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
水平导航与垂直导航结构是一样的,都是<ul><li>,通过float:left可以将垂直变成水平。查看全部
-
块状元素能够设置宽高,行内元素不能设置宽高。。。查看全部
-
只是实现了出现和消失,但是没有实现动画效果。查看全部
-
导航栏原来a高度是30px,当鼠标经过时,高度纵向上高出10px,并且字体保持居中,方法: a:hover{height:40px;margin-top:-10px;line-height:40px;} 使用margin的负值可实现向下移动查看全部
-
字体居中的方式,最好是line-height:然后如果想要使box向上移动 可以使用margin-top:-10px;使用margin-top的负数就可以使完成相反方向的移动!查看全部
-
margin可以用负值,向相反方向移动查看全部
-
1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。 4.style.width仅能返回以style方式定义的内部样式表的width属性值。查看全部
-
Javascript方法-水平伸缩菜单 JS(原生代码)实现:动画开始前先清除一下定时器,避免动画累加。 window.onload=function (){ var aA=document.getElementByTagName('a'); for(var i=0;i<aA.length;i++){ aA[i].onmouseover=function (){ clearInterval(This.time); var This=this; /*把当前的this对象传进来*/ This.time=setInterval(function (){ This.style.width=This.offsetWidth+8+"px"; /*8是变宽的速度*/ if(This.offsetWidth>=160){ clearInterval(This.time); } },30); } aA[i].onmouseout=function (){ clearInterval(This.time); var This=this; This.time=setInterval(function (){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=120){ This.style.width="120px"; clearInterval(This.time); } },30); } } };查看全部
-
jQuery方法-水平伸缩菜单查看全部
-
交互时改变高度 a:hover{height:40px; line-height:40px; margin-top:-10px;}查看全部
-
循环中object.this代表当前a标签。查看全部
-
margin-top:可以设置负值,向相反方向移动!查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
举报
0/150
提交
取消