1、網頁製作:頁面中有兩個表格,用js或者jquery實現將其中一個表格的某一行復制到另一個表格的一行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<style type="text/css">
table{ border-collapse:collapse; margin-top:20px;}
td{ border:1px solid #000;}
</style>
<script type="text/javascript">
$(function(){
$("table:eq(0) tr:eq(1)")//獲取第一個表格的第二行N
.clone()//復制
.insertAfter("table:eq(1) tr:eq(0)");//插入到第二個表格的第一行後面
})
</script>
</head>
<body>
<table>
<tr>
<td>表格1第一行</td><td>表格1第一行</td>
</tr>
<tr>
<td>表格1第二行</td><td>表格1第二行</td>
</tr>
<tr>
<td>表格1第三行</td><td>表格1第三行</td>
</tr>
</table>
<table>
<tr>
<td>表格2第一行</td><td>表格2第一行</td>
</tr>
<tr>
<td>表格2第二行</td><td>表格2第二行</td>
</tr>
<tr>
<td>表格2第三行</td><td>表格2第三行</td>
</tr>
</table>
</body>
</html>
2、網頁設計html中表格排版一行對應2行
&
3、用js和css製作的網頁頁面,請問怎麼把表格的一行分成兩行?
把最小的行作為單元行么,其他的行rowspan變成2倍吧
╮(╯▽╰)╭
在一個單元格裡面換回行...把內容分成2個塊答級元素行不行啊...
蛋疼一點的,可以在td裡面再放一個table弄個2行一列么...純table樣式還是很簡潔吧,也許...
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>一行內容</td></tr>
<tr><td>二行內容</td></tr>
</table>
</td>
4、網頁設計中,表格列太多了如何顯示
重點顯示幾列,其它的列顯示成有橫向滾動條那樣的。
5、網頁製作中表格排版
你可以把這個幾個表格都放在一個表格里,先設置一個三行一列的表格;再把第一行設置成三列;在第一行第一列插入第一個豎表格,第一行第三列插入第二個豎表格,第三行插入一個橫表格;設置第二行的高度(即兩個豎表格和橫表格之間的間隙了)代碼如下: <table width="1003" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250"> <!--第一個豎表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第一個豎表格</td> </tr> </table> </td> <td width="10"></td> <td width="750"> <!--第二個豎表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第二個豎表格</td> </tr> </table> </td> </tr> <tr> <td colspan="3" height="10"></td> </tr> <tr> <td colspan="3"> <!--第一個橫表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="150">第一個橫表格</td> </tr> </table> </td></tr> </table>
6、網頁製作時,怎麼將Table表格各列平均固體寬度,求代碼。
你可以在td標簽後加上他的屬性width,你想每列的寬度多少,你就講width=「」就ok了!!
例如 <td width="200">123</td>;也可以版這樣,假如你權有五列,<td width="20%">123</td>就是每列占總的20%。
7、網頁設計中的表格!
<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--這個表格已經至頂 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >這一段表格至頂</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>
8、網頁設計中有些表格怎麼製作啊???
這是選項卡效果,需要用javascript實現。
給你一個參考實例:http://www.blueidea.com/tech/web/2008/5460.asp
9、有關網頁製作.如何用<DIV>布局,做出三行三列?不用表格.
方法很多,比如:
<style type="text/css">
<!--
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}
#h1,#h2,#h3 {
height: 50px;
width: 900px;
}
#h1 li,#h2 li,#h3 li{
float:left;
height:50px;
width:300px;
}
.ys1{
background-color:#000000;
}
.ys2{
background-color:#FF00FF;
}
.ys3{
background-color:#0000FF;
}
-->
</style>
<div id="h1">
<ul>
<li class="ys1">1</li>
<li class="ys2">2</li>
<li class="ys3">3</li>
</ul>
</div>
<div id="h2">
<li class="ys3">1</li>
<li class="ys1">2</li>
<li class="ys2">3</li>
</div>
<div id="h3">
<li class="ys2">2</li>
<li class="ys3">3</li>
<li class="ys1">1</li>
</div>