<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//en" > <HTML> <HEAD> <TITLE> left-right shrink form </tit le> <meta http-equiv= "Content-type" content= "text/html;charset=gb2312" > <script "JavaScript" Type= "Text/javascript" > Function tableonload () {var Tableobj=document.getelementbyid ("TestTable"); var colnumber=tableobj.rows.item (0). Cells.length; var colobjs=tableobj.getelementsbytagname ("TD"); if (colnumber>5) {for (Var i=5;i<colobjs.length;i++) {Colobjs (i) style.display= "none"; }} function Tableleftretract () {var Tableobj=document.getelementbyid ("TestTable"); var colnumber=tableobj.rows.item (0). Cells.length; var colobjs=tableobj.getelementsbytagname ("TD"); Minnumber of which display style is none var minnumber=0; for (Var i=0;i<colnumber;i++) {if (Colobjs (i) style.display!= "None") {minnumber=i; Break } if (Minnumber<=colnumber-1-5 && colnumber>5) {for (Var m=0;m<=minnumber;m++) {COLOBJS (m). style.display= "None"; for (Var n=minnumber+1;n<minnumber+1+5;n++) {COLOBJS (n). style.display= ""; for (Var j=colnumber-1;j>minnumber+5;j--) {Colobjs (j). Style.display= "None"; }} function Tablerightretract () {var Tableobj=document.getelementbyid ("TestTable"); var colnumber=tableobj.rows.item (0). Cells.length; var colobjs=tableobj.getelementsbytagname ("TD"); Minnumber of which display style is none var maxnumber=colnumber-1; for (Var i=colnumber-1;i>=0;i--) {if (Colobjs (i) style.display!= "None") {maxnumber=i; Break } if (maxnumber>=5 && colnumber>5) {for (Var m=colnumber-1;m>=maxnumber;m--) {Colobjs (m). Style.disp Lay= "None"; for (Var n=maxnumber-1;n>maxnumber-1-5;n--) {COLOBJS (n). style.display= ""; for (Var j=maxnumber-1-5-1;j>=0;j--) {Colobjs (j). Style.display= "None"; }} </script> </pead> <body> <table> <tr> <td></td> <td> <table id= "TestTable" > <tr> <td>col1</td> <td>col2</td> <td>co l3</td> <td>col4</td> <td>col5</td> <td>col6</td> <td>col7</td > <td>col8</td> <td>col9</td> <td>col10</td> </tr> </table> </ td> <td></td> </tr> </table> <script>tableonload ();</script> </body> &L T;/html>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
