-
下划线去除:text-decoration; 条目前圆点去除:list-style:none; 块元素:display：block;查看全部
-
水平方向伸缩菜单： JavaScript： 1、window.onload //DOM执行完以后在执行其下代码 2、document.getElementsByTagName('a'); //获取所有的a标签 3、object(a).length //说的是a标签的个数 4、onmouseover、onmouseout //鼠标移入移出 5、clearInterval(this.time); //实行动画前要先清除之前的动画 避免动画累加 6、setInterval(function(){},30); //每30毫秒 实行一下此函数 7、This.offsetWidth+8+"px"; //当前的宽度+变宽的速度 jQuery： 1、首先要引入jQuery再写script标签及jq代码 <script type="tt/js" src="....min.js"></script><script> jq代码 </script> 2、$('a').hover() //选择所有a标签 jq封装的hover方法 3、hover方法自带移入移出方法 function(){},function(){} 4、$(this).stop().animate({"width":"160px"},200); //实行当前动画前先停掉上一个动画；自带移入移出动画animate 宽度发生变化 延迟200毫秒查看全部
-
与圆角菜单相比 改变高度的伸缩菜单：除了设置a的height以外 还要设置margin-top:-10px;line-height:height;查看全部
-
圆角菜单:background-position:0 -30px; //划过前后的效果图在一张图里查看全部
-
li浮动后即脱离了文档流 导致ul失去宽高 所以若想给ul设置背景需先定义宽高查看全部
-
与垂直菜单相比 1、li添加了float(主要) 2、ul的宽度限制去掉了(主要) 3、a的text-indent换成了text-align查看全部
-
ul{list-style:none;} //去除li前面的原点 a{text-decoration:none;} //去除下划线 li{text-indent:10px;} //与padding相比同样可右移10px，但却不改变宽度查看全部
-
这个JS代码厉害了，学到了查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
块级元素 display:block查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
javascrit查看全部
-
导航菜单的伸缩和各种形式的变换 javascript jquery css 都可以实现 javascript逻辑性强 而jquery自带的包装方法可以很方便的实现 css3属性是我个人最中意的一个方法 开发效率应该高点 不同的场合 都会发挥各自不同的做用查看全部
-
1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
举报
0/150
提交
取消