-
制作圆角菜单时，背景图贴在<a>标签查看全部
-
垂直菜单转水平菜单： 在垂直菜单中的CSS样式进行设置，给<li>添加float:left属性查看全部
-
无序列表构建菜单： <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻</a></li> </ul>查看全部
-
清除计时器：clearlnterval 设定计时器：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); } } }; 2.jQuery实现：动画打开时，先把上一个动画清理掉（使用stop方法）。 $(function(){ $('a').hover( function(){ $(this).stop().animate({"width":"160px"}.200); } function(){ $(this).stop().animate({"width":"120px"}.200); } )) })查看全部
-
margin-top:-10px;查看全部
-
margin可以用负责，表示向相反方向移动查看全部
-
background-position:0 30px;查看全部
-
给水平菜单增加整体背景，需要对width和height进行CSS设置。 菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
通过设置背景，可改变外观样式。 通过a:hover;可为菜单增加交互效果。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
在.subNav的设置中，用的overflow:hidden的话 JS函数中就要用overflow:visible 和overflow:hidden来显示和移除动画；如果在subNav的设置中用display:none来隐藏内容的话，函数里面就用display:block和display:none查看全部
-
text-indent:10px;文本缩进10px查看全部
-
float:left;查看全部
-
float属性能将垂直菜单转变成水平菜单查看全部
举报
0/150
提交
取消