-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
text-indent:; 文本缩进查看全部
-
onmouseover , 鼠标移过 ； onmouseout , 鼠标离开 ； setIntervel , 不停地调用函数 ； clearInterval , 取消 setInterval 函数的运行 ； this , 提取这个函数的值 ； offsetWidth , 元素内可见区域的宽度 + 元素边框宽度（如果有滚动条还要包括滚动条的宽度） ； clientWidth , 元素内可见区域的宽度 ； scrollWidth , 元素的全文宽度（如果有滚动条，那么这个宽度还包括滚动条能滚动到的所有区域） ；查看全部
-
当一个元素使用float等脱离文档流后，将失去原来默认的高度和宽度，而靠内容来撑开宽高。所以一般情况下需要对脱离文档流的元素手动设置 宽度或高度中的一个。查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}鼠标经过样式查看全部
-
<a>元素加上display:block;后会变成块元素可以直接在上面定义宽高、背景等和div一样。查看全部
-
onmouseover , 鼠标移过 ； onmouseout , 鼠标离开 ； setIntervel , 不停地调用函数 ； clearInterval , 取消 setInterval 函数的运行 ； this , 提取这个函数的值 ； offsetWidth , 元素内可见区域的宽度 + 元素边框宽度（如果有滚动条还要包括滚动条的宽度） ； clientWidth , 元素内可见区域的宽度 ； scrollWidth , 元素的全文宽度（如果有滚动条，那么这个宽度还包括滚动条能滚动到的所有区域） ；查看全部
-
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); } } }; 2.jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } )) })查看全部
-
伸缩导航条的制作 将圆角导航条上修改成伸缩导航条！ 去挑圆角贴图，给.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查看全部
-
ul{list-style:none}去除圆点查看全部
-
伸缩菜单制作：水平方向，非JS（JS待学，因未涉及高度和宽度，不知道如何替换）查看全部
-
<title>导航菜单内容随宽度自动伸缩</title> li和ul同时浮动，避免出现支架li被移，房子ul倒塌现象，不设置宽高，让导 航栏宽度随内容自动伸缩;查看全部
-
实现导航栏动画伸缩的JS语句 <script> window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval (This.time); This.time=setInterval (function(){ This.style.width=This.offsetWidth+8+"px"; 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) } } } </script>查看全部
-
JS伸缩动画的语句查看全部
举报
0/150
提交
取消