很弱的js表格换行效果（表格移动行）

更新时间：2012年11月15日 11:15:09 作者：

很弱的js表格换行效果（表格移动行），可以将表格的一行向上或向下移动，主要是学习dom之表格控制操作

<!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=gb2312" /> <title>无标题文档</title> </head> <body> <p> </p> <p> </p> <p> </p> <table width="300" style="font-size:12px" border="3" align="center" cellpadding="5" cellspacing="3" bordercolor="#FFFFFF" bgcolor="#99CC66" id="table1"> <tr> <td width="25%" align="center" bgcolor="#FFFFCC">1</td> <td width="25%" align="center" bgcolor="#FFFFCC">11</td> <td width="25%" align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td> <td width="25%" align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td> </tr> <tr> <td align="center" bgcolor="#FFFFCC">2</td> <td align="center" bgcolor="#FFFFCC">22</td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td> </tr> <tr> <td align="center" bgcolor="#FFFFCC">3</td> <td align="center" bgcolor="#FFFFCC">33</td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td> </tr> <tr> <td align="center" bgcolor="#FFFFCC">4</td> <td align="center" bgcolor="#FFFFCC">44</td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td> </tr> <tr> <td align="center" bgcolor="#FFFFCC">5</td> <td align="center" bgcolor="#FFFFCC">55</td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td> <td align="center" bgcolor="#FFFFCC"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td> </tr> </table> <script language="javascript" type="text/javascript">  </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

网页打开自动最大化的js代码
有时候我们需要当页面打开时，自动最大化，一来方便用户浏览，而且快速将页面呈现给大家
2012-08-08
JS实现网页百叶窗效果
JS实现网页百叶窗特效代码，百叶窗JS代码，你预览一下效果就明白了，由上到下交叉切换的网页特效，像百叶窗关上的效果，百叶窗效果在各种编程代码里都有应用，确实是一个经典的效果
2013-03-03
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
js实现的跟随鼠标移动的时钟效果，网上的很多代码都是错误，这里特别为大家整理个能用的。
2011-01-01
js 页面模块自由拖动实例
js页面模块自由拖动实例代码
2009-03-03
简洁的一个实现网页全屏代码
简洁的一个实现网页全屏代码...
2007-10-10
javascript背投广告代码的完善
对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即 onload 时，直接window.open ），会被浏览器默认拦截。
2008-04-04
JavaScript 地震特效
JavaScript 地震特效
2009-11-11
内部的小页面，用层制作，随机变色
2008-02-02
JavaScript实现渐变色效果(不使用图片)
JavaScript渐变色，不使用图片实现渐变色，这样有利的节省了时间省去使用图片的麻烦，而且占用资源极小，渐变色也均匀漂亮，我看了都目瞪口呆，非常值得学习哦，接下来为您详细介绍
2012-12-12
JS控制按钮自动切换背景颜色(可暂停)
JS控制按钮自动切换背景颜色，可暂停并且方便获取当前背景颜色,需要的朋友可以参考下
2012-10-10