关于margin-left的示例代码

现在的位置: 首页 > 综合 > 正文

关于margin-left的示例代码

2013年04月01日 ⁄ 综合 ⁄ 共 877字 ⁄ 字号小中大 ⁄ 评论关闭

刚找到一个不错的东东
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }

<br />
<style>  
#idParentDiv{width:100%;padding:6px;background-color:buttonshadow;}  
#idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}  
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}  
</style>
<p><script>  
var iValue=0;  
function rdl_doAdd(e){  
var oCodeDiv=document.all("idCodeDiv");  
var oDiv=document.all("idDiv");  
var oNum=document.all("idNum");  
iValue+=1;  
oNum.value=oDiv.style.marginLeft=iValue.toString()+"px";  
oCodeDiv.innerText="margin-left : "+oNum.value+" ; ";  
}  
function rdl_doDvv(e){  
var oCodeDiv=document.all("idCodeDiv");  
var oDiv=document.all("idDiv");  
var oNum=document.all("idNum");  
iValue-=1;  
oNum.value=oDiv.style.marginLeft=iValue.toString()+"px";  
oCodeDiv.innerText="margin-left : "+oNum.value+" ; ";  
}  
</script>
<div id="idParentDiv">
<div id="idDiv"><img src="http://bbs.51js.com/images/standard/51js.gif" style="float:left;border:1px solid #000000;">请从下方选属性的值。</div>
</div>
<table>
<tr>
<td>
<input id="idNum" type="text" value="0px" size="19" readonly></td>
<td>
<input type="button" onclick="rdl_doAdd();" value=" + " id="idBtn1"></td>
<td>
<input type="button" onclick="rdl_doDvv();" value=" - " id="idBtn2"></td>
</tr>
</table>
<div id="idCodeDiv">margin-left : 0px ; </div>
<p>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

【上篇】boost::function 用来注册函数(switch N多case的解决方案)
【下篇】昨天第一次面试了别人

作者: nitrate

该日志由 nitrate 于11年前发表在综合分类下，最后更新于 2013年04月01日.
转载请注明: 关于margin-left的示例代码 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

关于margin-left的示例代码

作者: nitrate

书签

最新文章New

本站推荐

返回首页