</tr>
<tr>
<td height="32" style="padding:5px 0 5px 0">JS代码，jquery特效，焦点图，导航菜单，图片特效，TAB标签</td>
</tr>
</table>
<table width="259" border="0" cellspacing="0" cellpadding="2">
<tr>
<td height="20" bgcolor="#CCCC33"><img src="images/arr.gif
</tr>
<tr>
<td height="32" style="padding:5px 0 5px 0">JS代码，jquery特效，焦点图，导航菜单，图片特效，TAB标签</td>
</tr>
</table>
<table width="259" border="0" cellspacing="0" cellpadding="2">
<tr>
<td height="20" bgcolor="#CCCC33"><img src="images/arr.gif
</tr>
<tr>
<td height="32" style="padding:5px 0 5px 0">JS代码，jquery特效，焦点图，导航菜单，图片特效，TAB标签</td>
</tr>
</table>
<table width="259" border="0" cellspacing="0" cellpadding="2">
<tr>
<td height="20" bgcolor="#CCCC33"><img src="images/arr.gif
</tr>
<tr>
<td height="32" style="padding:5px 0 5px 0">JS代码，jquery特效，焦点图，导航菜单，图片特效，TAB标签</td>
</tr>
</table>
<table width="259" border="0" cellspacing="0" cellpadding="2">
<tr>
<td height="20" bgcolor="#CCCC33"><img src="images/arr.gif
</tr>
<tr>
<td height="32" style="padding:5px 0 5px 0">JS代码，jquery特效，焦点图，导航菜单，图片特效，TAB标签</td>
</tr>
</table>
<table width="259" border="0" cellspacing="0" cellpadding="2">
<tr>
<td height="20" bgcolor="#CCCC33"><img src="images/arr.gif
</tr>
<tr>
<td height="32" style="padding:5px 0 5px 0">JS代码，jquery特效，焦点图，导航菜单，图片特效，TAB标签</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id=excerpts style="WIDTH: 324px; HEIGHT: 365px">
<div id=div_browse>
<div id=list>
<div id=clippingsCounter></div>
<div id=clippingsContainer></div>
</div>
</div>
</div></td>
</tr>
</table>
<br>
</body>
4、书写css代码。
BODY { text-align: center; }
td { font-size: 12px; line-height: 18px; }
#excerpts { BORDER-RIGHT: #bebebe 1px solid; BORDER-TOP: #bebebe 1px solid; Z-INDEX: 9; VISIBILITY: hidden; BORDER-LEFT: #bebebe 1px solid; BORDER-BOTTOM: #bebebe 1px solid; POSITION: absolute; }
5、书写并添加js代码。
<SCRIPT src="js/window.js"></SCRIPT>
<SCRIPT src="js/scroll.js"></SCRIPT>
<SCRIPT src="js/clippings.js"></SCRIPT>
6、代码整体结构。
7、查看效果。
