-
用Js实现导航栏水平伸缩： 清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
margin 可以设为负值，向相反的方向移动查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
<ul><li></li></ul> 垂直菜单变为水平菜单 添加float属性。 圆角菜单，背景图片添加到a标签上 伸缩菜单：margin-top查看全部
-
用无序列表构建导航菜单查看全部
-
1.为什么用this.timer，而不能用This.timer，我不是已经设了var This=this;了嘛 2.var sUl=This.getElementsByTagName('ul')[0];注意这种获取ul的方法 3.sUl.style.height="0px";这里直接写0，不加px也可以查看全部
-
1、用无序列表构建菜单； 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧：margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
用Js实现导航栏水平伸缩： 清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
2.jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } ) }) 说明： $(function(){})相当于window.onload，但比它的性能要好。 stop是把前一个动画清理掉查看全部
-
伸缩菜单的制作——水平方向: 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); } } };查看全部
-
导航栏原来a高度是30px，当鼠标经过时，高度纵向上高出10px，方法： a:hover{height:40px;margin-top:-10px;line-height:40px;}查看全部
-
伸缩菜单的制作-改变高度原理: 在鼠标经过、选中菜单项等状态时，改变该项的高度（变高）。 通过改变<a>标签的margin值，实现菜单项【向上增高】，同时让文字垂直居中。 a{height:30px;} a:hover{height:40px;margin-top:-10px;line-height:40px;}/*重点*/ 提示： margin可以用负值，向相反方向移动。查看全部
-
如果要给水平菜单增加整体背景，需要对<ul>进行哪些CSS设置? da:width和height查看全部
-
圆角菜单制作： 主要知识点 a{background:url(images/btnbg.png);}/*圆角背景图片放a里*/ .on,a:hover{background-position:0 -30px;}查看全部
-
在垂直菜单基础上，左浮动，去掉ul{width限制}，就变成水平菜单查看全部
举报
0/150
提交
取消