-
伸缩菜单的制作——改变高度查看全部
-
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); } )) })查看全部
-
X轴 正右 负左<br> Y轴 正下 负上<br> 坐标原点就是DIV的左上角查看全部
-
基本的样式清除： *{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>定义宽、高。查看全部
-
无序列表的结构是<ul> <li>查看全部
-
margin是控制元素的外边距的，并不是增加外层容器的宽高，外层容器之所以会变宽变高是应为内部元素把他给撑大的。margin-top -10px是说，父元素上边高度-当前元素上边高度=-10，父元素高度没变，那不就是当前元素高度增加10px吗。查看全部
-
不会了怎么办那个怎么不行呢？而别人的就可以呢查看全部
-
不设置，只是说背景没有变化，还是原来的； 使用这个属性之后，前面一个值表示水平，后面一值表示竖直方向；查看全部
-
此地目前学不住，记住以后要回顾！查看全部
-
此地目前学不住，记住以后要回顾！查看全部
-
此地目前学不住，记住以后要回顾！查看全部
-
菜单制作： 方法一：使用无序列表查看全部
-
当a:hover不设置背景图片而a设了背景图片时，a:hover将和a共用背景图片。 可用background-position: X Y来改变图片位置。查看全部
举报
0/150
提交
取消