La captura de pantalla es la siguiente: (puede cambiar el ancho de los divs en ambos lados moviendo la barra azul en el medio)
El código de implementación específico es el siguiente:
< %@ Page lenguaje = "c#" autoeventwireUp = "true" codeFile = "default10.aspx.cs" heredes = "default10" %> <! DocType html public "-// w3c // dtd xhtml 1.0 transición // en" " "http://www.w3.org/tr/XHtml1/dtd/xhtml1-pransicional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml type = "text/javaScript" src = "jQuery 2.0.3.js"> </script> <style type = "text/css"> .highlightTextSearch {background-color: rojo; } a: hover {color: rojo; } .style2 {ancho: 1000px; } .div {scrollbar-face-color: #dcdcdc; /* Color cursor*/ scrollbar-shadow-color: #99bbe8; /* Color del borde del cursor*/ Scrollbar-Highlight-Color: #FF3300; /* Cursor destacado*/ scrollbar-3dlight-color: #9ebfe8; Scrollbar-Darkshadow-Color: #9ebfe8; Scrollbar-Track-Color: #DFE8F6; /*Color de fondo de la barra deslizante*/ Scrollbar-Arrow-Color: #6699ff; /*Color de flecha*/} </style> </head> <body> <form de formato = "form1" runat = "servidor"> <div> <table align = "centro" celular de celda = "0" celular = "0"> <tr> <td align = "izquierda" Valign = "superior"> <div style = "overflow: Auto; width: 325px; Heatt: 500p: 500p: Flat: Flat: FLOAT: FLOAT; Color de fondo: amarillo "id =" Movemodule "> </div> <div id =" ArrowBorder "Style =" Float: Left; </td> </tr> </table> </div> <script type = "text/javaScript"> var isdown = false; var minwidth = 160; var maxwidth = 800; $ ("#ArrowBorder"). MouseDown (function () {this.setCapture (); isDown = true; $ ("Body"). CSS ("Cursor", "E-Resize");}); $ ("Body"). MouseUp (function () {this.ReleaseCapture (); isDown = false; $ ("cuerpo"). CSS ("cursor", "predeterminado");}); $ ("Body"). MouseMove (function (Event) {if (isDown) {var _mx = event.clientx; // var _my = event.clienty; var _poin = $ ("#ArrowBorder"). offset (); var _W = _mx - _poin.left; var _lw = $ ("###mOVETULE (). _rw = $ ("#rightframe"). width (); _W); (_lw - minwidth)); </script> </form> </body> </html>