-
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;}查看全部
-
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;}查看全部
-
JS实现伸缩菜单的制作水平方向 <script> window.onload=function(){ var aa=document.getElementByTagName('a'); for(var i=0;i<aa.length;i++){ aa[i].onmouseover=function(){ var This=this; clearInterval(this.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>=160) clearInterval(This.time); }) } } } </script>查看全部
-
当行高line-height(也可以定义行间距)和所在标签的高度相当那么标签中的内容会垂直居中查看全部
-
文字缩进20px-->text-indent:20px;查看全部
-
window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var list = this.getElementsByTagName('ul')[0]; if(list) { var This = list; clearInterval(This.time); This.time = setInterval(function(){ This.style.height= This.offsetHeight+16+"px"; if(This.offsetHeight>=120) { clearInterval(This.time); } },30); } } //鼠标离开菜单，二级菜单动画收缩起来。 aLi[i].onmouseout=function(){ var list = this.getElementsByTagName('ul')[0]; if(list) { clearInterval(list.time); list.time = setInterval(function(){ list.style.height= list.offsetHeight-16+"px"; if(list.offsetHeight<0) { clearInterval(list.time);} },30); } } } }查看全部
-
background-position:0 -30px查看全部
-
display:block; text-indent:20px;查看全部
-
利用块级元素显示显示在一行查看全部
-
text-indent：10px 文本缩进10px 使用Padding-left缩进会导致外围标签宽度跟着增加查看全部
-
清除 ul 标签前边的圆点代码： ul{list-style:none}查看全部
-
jQ...查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
宽度不设置 lifloatleft 水平导航栏查看全部
-
text-indent行内缩进 行内块 display:block查看全部
举报
0/150
提交
取消