-
设置水平菜单导航栏 在垂直菜单导航栏样式基础上修改： 1.设置li为左浮动，设置li{float:left;}； 2.将ul限制宽度去掉； 3.设置文本居中，text-align:center;将之前的text-indent（文本缩进）属性删掉。查看全部
-
行内块设置：display:block; 文字缩进设置：text-indent:像素;查看全部
-
HTML中一般用无序列表（<ul><li>）来构建导航菜单查看全部
-
<a>标签的设置： ul li a{ display:block;} 定义的关键是将<a>标签设置为块元素。查看全部
-
用无序列表构建菜单（导航菜单）： <ul> <li><a href="#">首页</a></il> <li><a href="#">关于</a></il> </ul>查看全部
-
jq <script type="text/javascript"> $(function(){ $("li").hover( function(){ $(this).children("ul").stop().animate({"height":"120px"},200) }, function(){ $(this).children("ul").stop().animate({"height":"0px"},200) } ) }) </script>查看全部
-
margin可以用负值，向相反方向移动。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
自己留着查看全部
-
垂直 水平菜单查看全部
-
总结一下大家重点：1〉居中可以用text-align:center；2〉a里面的width应该不用设，因为ul已经设了宽度，不设的话，是100%继承你类宽度；3〉首页中的空格应该用“ ”代替，要多少个空格就打多少个，代码里无论打多少个空格，都只显示一个，应该打字符编码。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
！！背景位置 backgroup-position:0 -30px; 0表示水平方向，-30px表示垂直方向 （负为向下）查看全部
-
.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); }查看全部
-
水平伸展用的JAVASCRIP实现查看全部
举报
0/150
提交
取消