<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = UTF-8 "/> <title> compatible with FF and 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> </pead> <body> <ul> <li> enter the number of digits to move </li> <input name = "move_no" type =" text "id =" move_no "/> </li> <input name =" shuzhitijiao "id =" shuzhitijiao "type =" button "value =" OK "/> <input name = "shuzhiquxiao" id = "shuzhiquxiao" type = "button" value = ""/> </li> </ul> <table width = "500" border = "1" align = "center" cellpadding = "0" cellspacing = "0" id = "showContent"> <tr> <td height = "25"> move up 1 </td> <td> move down </td> </tr> <td height = "25"> move up 2 </td> <td> move down </td> </tr> <td height = "25"> move up 3 </td> <td> move down </td> </tr> <td height = "25"> move up 4 </td> <td> move down </td> </tr> <td height = "25"> move up 5 </td> <td> move down </td> </tr> <td height = "25"> move up 6 </td> <td> move down </td> </tr> <td height = "25"> move up 7 </td> <td> move down </td> </tr> <td height = "25"> move up 8 </td> <td> move down </td> </tr> <td height = "25"> move up 9 </td> <td> move down </td> </tr> <td height = "25"> move up 10 </td> <td> move down </td> </tr> </table> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]