-
text-decoration:none;--出去a标签的下划线。查看全部
-
list-style:none;--去除li前面的小圆点查看全部
-
ul li a{display:block;}查看全部
-
用无序列表构建菜单 <ul> <li> <a href="#">首页</a></li> <li> <a href="#">新闻</a></li> <ul>查看全部
-
1.设置margin-top负值,而不是直接设置margin-bottom,是因为相对初始位置不变。【通用】 2.设置line-height,是因为之前的文字height为30px,现在容器height为40px,文字height没变,默认靠上,为了使文字居中改变行高。【特殊】查看全部
-
background-position:0 -30px;查看全部
-
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); } )) })查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
伸缩导航条的制作 将圆角导航条上修改成伸缩导航条! 去挑圆角贴图,给.on,a:hover加会原来的背景颜色。 把a标签的背景图片删掉,给.on,a:hover添加 高度,“重点”:margin可以用负值,相反方向移动。 通过改变<a>标签的margin值,实现菜单项【向上增高】,同时让文字垂直居中。查看全部
-
...查看全部
-
text-align:center;实现文字居中对齐查看全部
-
设置行间距实现文字的纵向居中居中查看全部
-
全角标空格查看全部
-
在想要导航栏居中的情况下 是需要给表单的DIV元素加一个宽度 宽度想所有a标签加起来的宽度比查看全部
-
text-decoration:none;去掉下划线查看全部
举报
0/150
提交
取消