无标题文档 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;} #div1{ margin:10px; width:300px; height:200px; } #div1 textarea{ width:300px; height:180px; } #div2{ margin:10px auto; height:400px; width:400px; border:1px solid black; overflow:auto; } #div2 ul li{ border-bottom:1px dashed black; list-style:none; padding:10px 10px 10px 10px; } window.onload=function(){ var adiv1=document.getElementById("div1"); var adiv2=document.getElementById("div2"); var obtn=adiv1.getElementsByTagName("input")[0]; var otxt=adiv1.getElementsByTagName("textarea")[0]; var oul=document.getElementById("ul1"); obtn.onclick=function(){ var oli=document.createElement("li"); oli.innerHTML=otxt.value; otxt.value=""; if(oul.children.length>0) oul.insertBefore(oli,oul.children[0]); else oul.appendChild(oli); //运动 var iheight=oli.offsetHeight; alert(iheight); oli.style.height="0"; move(oli,{height:iheight}); }; }; function getStyle(obj,attr){ if(obj.currentStyle) return obj.currentStyle[attr]; else return getComputedStyle(obj,false)[attr]; } function move(obj,json,fun){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var astop=true; for(var attr in json){ var cur=0; if(attr=="opacity") cur=Math.round(parseFloat(getStyle(obj,attr))*100); else cur=parseInt(getStyle(obj,attr)); var speed=(json[attr]-cur)/10; speed=speed>0?Math.ceil(speed):Math.floor(speed); if(cur!=json[attr]) astop=false; if(attr=="opacity"){ if(obj.style.filter) obj.style.filter="alpha(opacity:"+(speed+cur)+")"; else obj.style.opacity=(speed+cur)/100; } else obj.style[attr]=speed+cur+"px"; } if(astop){ clearInterval(obj.timer); if(fun) fun(); } },30); }
查看更多关于求大神来看为li元素设置相同的padding为何padding-bottom和padding-rig的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did108780
求大神来看为li元素设置相同的padding为何padding-bottom和padding-rig
代码如下
阅读:33次