Javascript实现表格排序实例代码

作者：简简单单 2013-11-01

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">.spanOver{	text-decoration:underline;	cursor:pointer;}.spanOut{	text-decoration:none;	color:#000000;}</style><SCRIPT LANGUAGE="JavaScript"></SCRIPT></HEAD><BODY>	<div id="buyDiv">		<table id="buyTab" align="center" width="500" border="1" bordercolor="#0099FF" style="border:single 1px">		<caption>您购买的商品如下：</caption>			<tr>				<td>编号</td>				<td>名称</td>				<td>价格</td>				<td>删除</td>			</tr>					</table>	</div><br/><br/>	<table id="ptable" align="center" width="500" border="1" bordercolor="#6666FF">		<tr>			<th onclick="paixu(this,true)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">编号</th>			<th onclick="paixu(this,false)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">名称</th>			<td onclick="paixu(this,true)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">价格</td>			<th>购买</th>		</tr>		<tr id="tr1">			<td>1</td>			<td>a奥特曼</td>			<td>50</td>			<td>				<span onclick="addToCart(1)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">购买<span>			</td>		</tr>		<tr id="tr5">			<td>5</td>			<td>d变形金刚</td>			<td>100</td>			<td>				<span onclick="addToCart(5)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">购买<span>			</td>		</tr>		<tr id="tr6">			<td>6</td>			<td>b铁胆火车侠</td>			<td>28</td>			<td>				<span onclick="addToCart(6)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">购买<span>			</td>		</tr>		<tr id="tr4">			<td>4</td>			<td>p哆啦A梦</td>			<td>35</td>			<td>				<span onclick="addToCart(4)" onMouseOver="this.className='spanOver'" onMouseOut="this.className='spanOut'">购买<span>			</td>		</tr>	</table></BODY></HTML></td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

Javascript实现表格排序实例代码

相关文章

精彩推荐