-
伸缩菜单制作：在鼠标经过、选中菜单项等状态时，改变该项的高度（变高）。 通过改变<a>标签的margin值，实现菜单项【向上增高】，同时让文字垂直居中。 a:hover{margin-top:-10px;line-height:40px;} 【tips：margin可以用负值，向相反方向移动。】查看全部
-
垂直导航菜单制作关键：ul li a{display:block;} 将<a>标签设置成块状元素，然后对<a>进行样式（宽度、高度、背景、文本样式等）设置。 基本不用设置<li>标签。查看全部
-
通过设置【a:hover】增加菜单的交互性，例如：改变<a>的宽度，高度，文字大小、颜色，背景颜色、图片等。 如果用背景图的方式，增加<ul>高度，将<li>下移、右移，给<a>贴上背景。 菜单项被选中时，更改背景图片位置（上移或下移）background-position:0 -30px; 【菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度； 如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。】查看全部
-
让<li>浮动，并去掉<ul>的宽度限制，即可让垂直菜单变为水平菜单。 另外还可以去掉文字缩进，改为水平居中。查看全部
-
a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;}查看全部
-
background-position:0 -30px查看全部
-
任务1对应代码：display:block 任务2对应代码：text-indent:20px查看全部
-
导航的栏贴上圆角背景时，要把背景图片贴到a标签上查看全部
-
1、使用无序列表元素 <ul><li> 2、使用float:left，可以使导航栏由纵向变成横向 3、在<a>元素应用圆角背景，类似是三层嵌套（滑动门） 4、使用margin-top的负值达到元素变高的效果查看全部
-
margin-top:-10px;向上延伸10个像素查看全部
-
dispalay:block;设置成块元素；查看全部
-
text-indent查看全部
-
$(function(){ $('a').hover( function(){$(this).stop().animate({"width":"160px"}.200);} function(){$(this).stop().animate({"width":"120px"}.200);} ) })查看全部
-
jquery伸缩动画~~查看全部
-
css3就可实现~查看全部
举报
0/150
提交
取消