-
margin-top为负数可以反方向移动查看全部
-
text-indent是文字缩进查看全部
-
window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 要get两次 var ii = this.getElementsByTagName('ul')[0];//[0]此处角标要跟下面的函数一一对应 clearInterval(ii.time);//先删除动画 //setInterval(func,time); ii.time = setInterval(function (){ ii.style.height = ii.offsetHeight+8+"px"; if(ii.offsetHeight >= 160) { clearInterval(ii.time); } },30)查看全部
-
利用JS实现动态效果，this，定时器的使用等等查看全部
-
display:inline-block; 定义行内块查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
无序列表构建菜单：<ul><li></li></ul>查看全部
-
JS动画，点击菜单向右边拉伸宽度 <script> window.onload=function(){ var oNav=document.getElementsByTagName('ul')[0]; var aA=oNav.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ if(this.className!="on"){ clearInterval(this.timer);<!--for循环--> var This=this; This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>=120) clearInterval(This.time); },30) } } aA[i].onmouseout=function(){ if(this.className!="on"){ clearInterval(this.time); var This=this; this.time=setInterval(function(){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=80){ This.style.width='80px'; clearInterval(This.time); } },30) } } } } </script>查看全部
-
背景图移动的代码：background-position查看全部
-
浮动属性：float:left;查看全部
-
文本缩进：text-indent查看全部
-
变成块级元素的代码：displa:block查看全部
-
text-indent查看全部
-
text缩进替代padding赋值查看全部
-
给<a>设置高度，margin设置为负值，line-height和height一致使文本垂直居中查看全部
举报
0/150
提交
取消