-
网站导航菜单是易用性最重要的关注点之一。良好的导航菜单应该为用户解决三个问题是: 我现在在哪儿? 我知道下一步想去哪儿,但是该怎么去? 我也不知道下一步该去哪儿，请告诉我应该去哪儿? … 网站导航菜单应该简单、统一、明显,宗旨就是尽量少给用户机会自己选择,而是让用户沿着事先规划好的路径浏览网站.查看全部
-
设置了li width 后 要缩进文字，考虑用text-indent 这样不会改变盒子模型的width。查看全部
-
使高度向上增长（常规是向下），可设置margin-top的值为负数。查看全部
-
padding;改变原来定义的宽度，实际宽度=width+padding。 如果希望不改变原始的宽度设置内边距，建议使用text-indent进行文本缩进。实际宽度=width查看全部
-
咩唔咩 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
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); } } };查看全部
-
伸缩导航条的制作 将圆角导航条上修改成伸缩导航条！ 去挑圆角贴图，给.on,a:hover加会原来的背景颜色。 把a标签的背景图片删掉，给.on,a:hover添加 高度，“重点”：margin可以用负值，相反方向移动。 通过改变<a>标签的margin值，实现菜单项【向上增高】，同时让文字垂直居中。 a{height:30px;} a:hover{height:40px;margin-top:-10px;line-height:40px;}/*重点*/ 提示： margin可以用负值，向相反方向移动。 改变a标签的高度height:40px，这样是向下增加的，再设置margin为负值，向反方向移动margin-top:10px，但文字也向上移动国，可设置a标签line-height:40px 最后居中，line-height查看全部
-
background-position:x y; x,y是偏移量: 第一个值(x)是水平位置，第二个值(y)是垂直位置。其值可为正负。 实测y值为30px,或为-30px,都可以达到效果。查看全部
-
设置水平菜单导航栏 在垂直菜单导航栏样式基础上修改： 1、设置li为左浮动 2、将ul限制宽度去掉 3、设置文本居中，text-align:center,将之前的text-indent（文本缩进）属性删掉查看全部
-
1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？ 宽、高。 解析：菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
jQuery伸缩菜单——水平方向 无论JS还是jQuery 动画开始时，要将其重置。 如：jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。查看全部
举报
0/150
提交
取消