-
3-3 圆角菜单制作 border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */查看全部
-
2-1 水平菜单制作 浮动属性查看全部
-
1-1 垂直菜单的制作 <a>标签是最内部的元素,直接定义<a>标签，增加了a:hover的交互效果查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高查看全部
-
下拉菜单js代码查看全部
-
list-style:none去除li前面的小圆点查看全部
-
动画菜单，定时器应用。查看全部
-
伸缩菜单的制作——水平方向查看全部
-
保存一下查看全部
-
总结： 1、使用无序列表元素 <ul><li> 2、使用float:left，可以使导航栏由纵向变成横向 3、在<a>元素应用圆角背景，类似是三层嵌套（滑动门） 4、使用margin-top的负值达到元素变高的效果查看全部
-
我的导航菜单做法查看全部
-
我的导航菜单做法查看全部
-
一开始获取<li>标签的地方，还可以再优化一下。查看全部
-
1、用无序列表构建菜单； 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧：margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
1、JS实现：动画开始前先清除一下定时器，避免动画累加。 2、jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){$(this).stop().animate({"width":"160px"}.200);} function(){$(this).stop().animate({"width":"120px"}.200);} )})查看全部
举报
0/150
提交
取消