-
text-indent文字缩进 display:block 将行级元素转化成块级元素查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
二级菜单，不会写，先保留下来吧查看全部
-
background-position:x y; x,y是偏移量。查看全部
-
border-radius,CSS3用这个查看全部
-
text-indent:XX px text-align:center查看全部
-
二级菜单查看全部
-
1.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实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } ) })查看全部
-
改变a标签的高度height:40px，这样是向下增加的，再设置margin-top为负值，向反方向移动margin-top:-10px，但文字也向上移动国，可设置a标签line-height:40px查看全部
-
background-position:x y; x,y是偏移量。 背景图片沿y轴向上移动30px（水平方向不动） backkground-position:0 -30px;查看全部
-
border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */查看全部
-
横向菜单 ul宽度去掉， li设置为float, a标签文本缩进text-indent删除，设置文字居中text-align:center查看全部
-
jQuery实现水平伸缩导航栏：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"},200); } function(){ $(this).stop().animate({"width":"120px"},200); } ) })查看全部
-
用js写左右伸缩效果： window.onload=function(){ var aTag=document.getElementsByTagName('a'); for(var i=0;i<aTag.length;i++){ aTag[i]=onmouseover=function(){ var This=this; This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>= 160){ clearInterval(This.time); } },30);/*每三十毫米实现一遍这函数*/ } aTag[i]=onmouseout=function(){ 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);/*每三十毫米实现一遍这函数*/ } } }查看全部
-
怎样令鼠标经过时，导航栏有高度伸缩的效果？ 使用height改变高度。——>有问题，增加的高度向下延伸了。 怎么解决？ 使用margin-top：-10px；——>有问题，文字也跟着向上了。 怎么解决？ 使用line-height：40px；能使文字以行高为40px垂直居中。（完成！）查看全部
举报
0/150
提交
取消