模仿一个属性页

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

test.css

.addForm_titleName{

padding-left:8px;

background-image:url(images/addform_bg.gif);

padding-left:2px;

word-break:break-all;

background-color:#eeeeee;

border-top-width: 1px;

border-bottom-width: 1px;

border-top-style: dotted;

border-bottom-style: dotted;

border-top-color: #C1C1C1;

border-bottom-color:#C1C1C1;*/

}

.addForm_titleName2{

padding-left:8px;

background-image:url(images/down.gif);

padding-left:2px;

word-break:break-all;

background-color:#eeeeee;

border-top-width: 1px;

border-bottom-width: 1px;

border-top-style: dotted;

border-bottom-style: dotted;

border-top-color: #C1C1C1;

border-bottom-color:#C1C1C1;*/

}

test.htm

<link href="./test.css" rel="stylesheet" type="text/css">

<table width="560" border="0" cellspacing="0" cellpadding="0">

<td valign="top" style="padding-left:8px;padding-top:2px;">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr><td height="3"></td></tr>

<tr>

<td class="addForm_titleName" height="22" style="left:5px;position:absolute;width:500px">

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="top:0px; position:absolute; ">

<tr>

<td style="padding-left:5px;;cursor:hand;font-size:12px;top:0px;position:absolute;" onClick="down1.style.visibility='visible';down2.style.visibility='hidden';">项目基本信息1</td>

</tr>

</table>

</td>

<td class="addForm_titleName" height="22" style="left:190px;position:absolute;width:500px">

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="top:0px; position:absolute;">

<tr>

<td style="padding-left:5px;;cursor:hand;font-size:12px" onClick="down1.style.visibility='hidden';down2.style.visibility='visible';">项目基本信息2</td>

</tr>

</table>

</td>

<td class="addForm_titleName" height="22" style="left:380px;position:absolute;width:500px">

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="top:0px; position:absolute;">

<tr>

<td style="padding-left:5px;;cursor:hand;font-size:12px" onClick="down1.style.visibility='hidden';down2.style.visibility='hidden';">项目基本信息3</td>

</tr>

</table>

</td>

<td class="addForm_titleName2" id="down1" height="20" style="height:8px;top:31px;left:180px;position:absolute;width:600px;visibility:hidden" ></td>

<td class="addForm_titleName2" id="down2" height="20" style="height:8px;top:31px;left:360px;position:absolute;width:420px;visibility:hidden"></td>

</tr>

<tr><td height="3"></td></tr>

</table>

</td>

</tr>

</table>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航