-
margin-top:-10px;查看全部
-
block 此元素將顯示為塊級元素，此元素前后會(huì)帶有換行符。查看全部
-
1-3查看全部
-
使用stop方法取消動(dòng)畫查看全部
-
使用text-indent代替padding-left來縮進(jìn)文字查看全部
-
text -indent文本縮進(jìn)查看全部
-
菜單<li>浮動(dòng)后，<li>脫離文檔流，導(dǎo)致<ul>將失去高度和寬度；如果需要對<ul>進(jìn)行整體背景設(shè)置，首先要給<ul>定義寬、高。查看全部
-
margin可以用負(fù)值，向反方向移動(dòng)查看全部
-
<a> 標(biāo)簽中加display:block; 變成塊元素 就可直接加 a:hover樣式、寬度等；查看全部
-
margin負(fù)值撐出去查看全部
-
text-indent屬性來布局查看全部
-
cddc查看全部
-
菜單<li>浮動(dòng)后，<li>脫離文檔流，導(dǎo)致<ul>將失去高度和寬度；如果需要對<ul>進(jìn)行整體背景設(shè)置，首先要給<ul>定義寬、高。查看全部
-
構(gòu)建導(dǎo)航菜單通常用<ul><li></li></ul>無序列表來構(gòu)建。 輕松將垂直菜單換成水平菜單：對垂直菜單中的css樣式進(jìn)行設(shè)置，給<li>添加float屬性。 在制作圓角菜單時(shí)，背景圖片是貼在<a>標(biāo)簽上。 在制作改變高度的伸縮菜單時(shí)，實(shí)現(xiàn)高度向上延伸的技巧是margin-top用負(fù)值。 在用Javascript代碼實(shí)現(xiàn)菜單的水平伸縮效果時(shí)，this的含義是代表當(dāng)前<a>標(biāo)簽。查看全部
-
伸縮菜單的制作——水平方向： 用jquery實(shí)現(xiàn)： $(function(){ $('a').hover( function(){ $(this).stop().animate({"width:160px"},200); } function(){ $(this).stop().animate({"width:120px"},200); } ) }) 用js原生代碼實(shí)現(xiàn)： window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; 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) } } }查看全部
舉報(bào)
0/150
提交
取消