我爱电脑技术论坛's Archiver

白雪公主 发表于 2008-5-26 15:57

margin含义演示

〈style>&` n$h"au_;f8x
#idParentDiv{width:100%;height:3000px;padding:30px;background-color:buttonshadow;}
]7Jd'G U INA #idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}
l;XSRe~hd] #idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
p8^ l"C;M 〈/style>
4TAPH iLY
"zuEj/Uy 〈script>
V2ry8B&HH Z {r var iValue=0;:j'Bo(y`;~ o4l)h
function rdl_doAdd(e){6A2[s2uLm"vg
var oCodeDiv=document.all("idCodeDiv");
_^AE~8lG%f var oDiv=document.all("idDiv");
D*Irr&w N8NT var oNum=document.all("idNum");$S X*E \ zB\+v
iValue+=1;1I%^k#_l$jn&U-P
oNum.value=oDiv.style.margin=iValue.toString()+"px";1GS/X5co$\S$^
oCodeDiv.innerText="margin : "+oNum.value+" ; ";
*q$H?wP"t a }
#q\#s-x$Q;rV*` function rdl_doDvv(e){2r-c2a!~\6Z;tie vj
var oCodeDiv=document.all("idCodeDiv");i O k(^-d4\~+b7]
var oDiv=document.all("idDiv");
C*z N$f y6UY"[,q var oNum=document.all("idNum");
1Aby r J iValue-=1;OJ,H$d z"S M V
oNum.value=oDiv.style.margin=iValue.toString()+"px";
&u#\,hs#i:i?,~&k oCodeDiv.innerText="margin : "+oNum.value+" ; ";
sgq0K'|6tOf:N }
Ry)y \`c-r3J[ 〈/script>
u$|5GV#^9bUX
5x JP#UR4N 〈div id=idParentDiv>/ge,v-@,X n2L
〈div id=idDiv>〈img src="http://www.geekg.com/files/images6/b5042104281d4ff9e6c0615d81a47409.jpg" style="float:left;border:21px solid #abce00;">请从下方选属性的值。〈/div>
Hx*W-] Po~?'ys9H WL 〈/div>UL!I-T$D(J}*E r p
〈br>
C a K#f/B4qGu 〈table>〈tr>〈td>8H${.v-a-f!QL5zy
〈input id=idNum type=text value="0px" size=40 readonly>m1j)ueGP|5F R
〈/td>〈td>
Kuac X i7k 〈input type=button onclick="rdl_doAdd();" value=" + " id=idBtn1>0rlI,^jL
〈/td>〈td>
+u*Y`C7KF i$aT-I 〈input type=button onclick="rdl_doDvv();" value=" - " id=idBtn2>
Y@%I U3Z,y 〈/td>〈/tr>〈/table>Q3N+nh'{S,u;}
〈div id=idCodeDiv>margin : 0px ; 〈/div>

页: [1]
   

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.