快捷導(dǎo)航

js 操作table之移動(dòng)TR位置兼容FF 跟 IE

更新時(shí)間：2009年11月07日 00:13:49 作者：

js操作table之移動(dòng)TR位置兼容FF 跟 IE,需要的朋友可以參考下。

<!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>js操作table之 移動(dòng)TR位置 兼容FF 跟 IE </title>  <style type="text/css"> body { margin:0; padding:0; font-size:12px; } #show_input { background:#CCCCCC; position:absolute; width:200px; height:100px; /* top:100px; left:500px;*/ display:none; padding:10px; } ul, li { margin:0; padding:0; list-style:none; } </style> </head> <body> <div   class="wppm3vysvbp"   id="show_input"> <ul> <li>請(qǐng)輸入所要移動(dòng)的位數(shù)</li> <li> <input name="move_no" type="text" id="move_no" /> </li> <li> <input name="shuzhitijiao" id="shuzhitijiao" type="button" value="確定" /> <input name="shuzhiquxiao" id="shuzhiquxiao" type="button" value="取消" /> </li> </ul> </div> <table width="500" border="1" align="center" cellpadding="0" cellspacing="0" id="showContent"> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移1</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移2</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移3</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移4</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移5</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移6</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移7</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移8</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移9</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> <tr> <td height="25"><a href="javascript:void(0);" onclick="Up_Move(this);">上移10</a></td> <td><a href="javascript:void(0);" onclick="Down_Move(this);">下移</a></td> </tr> </table>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: