css表單效果_經(jīng)驗(yàn)交流

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 18:55:40

css表單效果_經(jīng)驗(yàn)交流

css表單效果_經(jīng)驗(yàn)交流: by 阿會楠 2008-12-4 //js輔助 window.onload = function(){ var initleft = 200;// 初始化第一個(gè)定位 var lis = document.getElementById(menu).getElementsByTagName(li); for(var i = 0;

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀css表單效果_經(jīng)驗(yàn)交流: by 阿會楠 2008-12-4 //js輔助 window.onload = function(){ var initleft = 200;// 初始化第一個(gè)定位 var lis = document.getElementById(menu).getElementsByTagName(li); for(var i = 0;

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>by 阿會楠 2008-12-4</title> 
<script language="javascript" type="text/javascript"> 
//js輔助 
window.onload = function(){ 
 var initleft = 200;// 初始化第一個(gè)定位 
 var lis = document.getElementById("menu").getElementsByTagName("li"); 
 for(var i = 0;i < lis.length;i++){ 
 lis[i].style.left = initleft + i*100 + "px"; 
 } 
 
} 
</ script> 
<style type="text/css"> 
*{ 
 font-size:12px; 
 padding:0; 
 margin:0; 
} 
body{ 
 text-align:center; 
} 
#reg{ 
 margin:0 auto; 
 width:600px; 
 background:#cccccc; 
 height:500px; 
} 
h6{ 
 background:black; 
 height:28px; 
 color:white; 
 text-align:left; 
 line-height:28px; 
 padding-left:3px; 
} 
#menu{ 
 height:30px; 
 text-align:left; 
 padding-top:15px; 
 padding-left:10px; 
 overflow:hidden; 
} 
li{ 
 list-style-type:none; 
} 
#menu li{ 
 
 float:left; 
 color:green; 
 height:30px; 
 padding:0 5px; 
 line-height:30px; 
 margin-left:20px; 
 position:absolute; 
} 
.current{ 
 border:1px solid blue; 
 border-bottom:0; 
 background:white; 
} 
#content{ 
 border:1px solid blue; 
 height:400px; 
 margin:8px; 
 margin-top:0; 
 background:white; 
 padding:10px; 
 
} 
#content dl{ 
 border-top:1px solid #ccc; 
 border-left:1px solid #ccc; 
 width:560px; 
 height:116px; 
} 
#content dl dd,#content dl dt{ 
 border-right:1px solid #cccccc; 
 border-bottom:1px solid #cccccc; 
 height:28px; 
} 
#content dl dt{ 
 width:200px; 
 float:left; 
 text-align:right; 
 padding-right:3px; 
 background:#F0F0F0; 
 line-height:28px; 
} 
#content dl dd{ 
 width:352px; 
 float:left; 
 text-align:left; 
 padding-left:3px; 
} 
/*兼容ie 6.0*/ 
#content dl dd div{ 
 padding-top:3px; 
} 
</style> 
</head>

<body> 
 
<h6>歡迎您注冊玩具購會員！</h6> 
 
 
<li style="left:200px;">確認(rèn)服務(wù)條款</li> 
<li id="jhttvtj"    class="current" style="left:300px;">選擇用戶名</li> 
<li style="left:400px;">選擇用戶類型</li> 
<li style="left:500px;">填寫詳細(xì)資料</li> 
 
 
 
 
 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

css表單效果_經(jīng)驗(yàn)交流

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：效果表單 cs

熱門焦點(diǎn)

css表單效果_經(jīng)驗(yàn)交流

css表單效果_經(jīng)驗(yàn)交流

css表單效果_經(jīng)驗(yàn)交流

最新推薦

猜你喜歡

熱門推薦