-
作业提交查看全部
-
让标签纵向向上移动10px margin-top:-10px查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
改造都是对a标签的改造。背景图也是。底部的线条是对ul进行加border。.on,a:hover是一样的显示状态，就把它们写在一起。查看全部
-
a标签设置文字颜色：color：#fff；查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
改造都是对a标签的改造。背景图也是。底部的线条是对ul进行加border。.on,a:hover是一样的显示状态，就把它们写在一起。应用了雪碧图的知识查看全部
-
ul的宽度去掉，把li的float设为left、就能得到水平菜单 text-align可让文本水平居中对齐查看全部
-
height: 30px;line-height: 30px;可使文字垂直居中。 text-indent:文字缩进，可以使文字向右移动 ul的list-style设为none，能去掉前面的默认小圆点 a的text-decrotion设为none，能去掉链接的下划线，在导航栏中经常用查看全部
-
1、用无序列表构建菜单<ul><li>； 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧：margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签 javascript 实现水平伸缩查看全部
-
清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
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); } } } jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } ) })查看全部
-
让标签纵向向上移动10px margin-top:-10px查看全部
-
伸缩菜单的制作： 1.在a中设置height高一点 重点提示：margin可以用负值，向相反方向移动。 2.然后设置居中查看全部
举报
0/150
提交
取消