-
display:block; (标签定义成块元素) text-indent:20px;（文字缩进）查看全部
-
不懂为什么.navigation li a.on,.navigation li a:hover{background-position:0 -30px; color:#fff;}<br> 这句话不能写成：<br> .navigation li a.on:hover{background-position:0 -30px; color:#fff;}<br> .navigation li a:hover{background-position:0 -30px; color:#fff;} 答案：a:hover是a被鼠标滑过的效果，a.on不应该加hover查看全部
-
margin可以用负值，向相反方向移动。查看全部
-
2.jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } )) })查看全部
-
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); } } }; 2.jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } )) })查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class="on" 在为它的样式添加上一个on，最后移动它的位置（x，y）查看全部
-
给水平菜单增加背景的图片，需要修改那些CSS样式呢？ 答：菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
margin-top:-10px :反向向上延伸10px查看全部
-
浮动 水平显示。：float查看全部
-
变成块状：display：block； 文字缩进20px:text-indent:20px;查看全部
-
JQ实现伸缩菜单查看全部
-
JS伸缩导航查看全部
-
加高度的时候会像下而不是向上增加，这是采用margin-top的负值小技巧查看全部
-
关键在于把样式放在<a>上，而不要用<li>。查看全部
-
垂直居中：line-height 水平居中：text-align查看全部
举报
0/150
提交
取消