-
还得努力查看全部
-
background-position（背景定位，当然是移动背景了）:0 30px; 背景定位只有2个值，例如前面：0 30px;代表背景向右移动 0px 后 向下移动30px; 那么：-20px -30px; 代表什么呢？ 代表：背景向左移动20px 后 向上移动30px; 总结：正数代表：背景向右下移动，负数代表向左上移动查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
横向导航栏，li浮动之后，使得ul丢失height和width，所以需要使ul拥有background-color，必须定义ul的height和width查看全部
-
window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var list = this.getElementsByTagName('ul')[0]; if(list) { var This = list; clearInterval(This.time); This.time = setInterval(function(){ This.style.height= This.offsetHeight+16+"px"; if(This.offsetHeight>=120) { clearInterval(This.time); } },30); } } //鼠标离开菜单，二级菜单动画收缩起来。 aLi[i].onmouseout=function(){ var list = this.getElementsByTagName('ul')[0]; if(list) { clearInterval(list.time); list.time = setInterval(function(){ list.style.height= list.offsetHeight-16+"px"; if(list.offsetHeight<0) { clearInterval(list.time);} },30); } } } }查看全部
-
CSS3伸缩动画：a:hover{transition:width 0.06s; width:130px;}查看全部
-
window.onload----等DOM加载完成在执行代码。查看全部
-
基本的样式清除： *{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:5px 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
无序列表构建菜单 <ul> <li ><a href="#">菜单</a></li> </ul>查看全部
-
background-position:水平 竖直； 背景图片移动查看全部
-
JS&JQ查看全部
-
666查看全部
-
666查看全部
举报
0/150
提交
取消