-
margin-top:-10px;查看全部
-
block 此元素将显示为块级元素，此元素前后会带有换行符。查看全部
-
1-3查看全部
-
使用stop方法取消动画查看全部
-
使用text-indent代替padding-left来缩进文字查看全部
-
text -indent文本缩进查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
margin可以用负值，向反方向移动查看全部
-
<a> 标签中加display:block; 变成块元素 就可直接加 a:hover样式、宽度等；查看全部
-
margin负值撑出去查看全部
-
text-indent属性来布局查看全部
-
cddc查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
构建导航菜单通常用<ul><li></li></ul>无序列表来构建。 轻松将垂直菜单换成水平菜单：对垂直菜单中的css样式进行设置，给<li>添加float属性。 在制作圆角菜单时，背景图片是贴在<a>标签上。 在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧是margin-top用负值。 在用Javascript代码实现菜单的水平伸缩效果时，this的含义是代表当前<a>标签。查看全部
-
伸缩菜单的制作——水平方向： 用jquery实现： $(function(){ $('a').hover( function(){ $(this).stop().animate({"width:160px"},200); } function(){ $(this).stop().animate({"width:120px"},200); } ) }) 用js原生代码实现： window.onload=function(){ var aA=document.getElementsByTagName('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); },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) } } }查看全部
举报
0/150
提交
取消