Tangkapan layar adalah sebagai berikut: (Anda dapat mengubah lebar div di kedua sisi dengan menggerakkan bilah biru di tengah)
Kode implementasi spesifik adalah sebagai berikut:
< %@ Page language = "c#" autoeventwireup = "true" codefile = "default10.aspx.cs" mewariskan = "default10" %> <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head id = "head1" "server>" server> <"server> <" server> <"server> </xhtml"> <head = "script ="> type = "text/javascript" src = "jQuery 2.0.3.js"> </script> <style type = "text/css"> .highlightTextSearch {latar belakang-warna: merah; } a: hover {color: red; } .style2 {width: 1000px; } .div {scrollbar-face-color: #dcdcdc; /* Warna kursor*/ scrollbar-shadow-color: #99bbe8; /* Warna perbatasan kursor*/ scrollbar-highlight-color: #ff3300; /* Sorotan kursor*/ scrollbar-3dlight-color: #9ebfe8; scrollbar-darkshadow-color: #9ebfe8; scrollbar-track-color: #dfe8f6; /*Warna latar belakang batang geser*/ scrollbar-arrow-color: #6699ff; /*Warna panah*/} </tyle> </head> <body> <form neD = "form1" runat = "server"> <v div> <table align = "center" cellpadding = "0" cellPacing = "0"> <TR> <td align = "kiri" valign = "atas"> <div style = "overflow: auto; auto; auto; auto; auto; auto; auto; auto; auto; auto; latar belakang: 32 =" TOP "> <DIV style =" Overflow: Auto; Auto; AUTO; AUTO; Yellow "ID = MoveModule"> </div> <div id = "arrowborder" style = "float: left; </tr> </able> </div> <script type = "text/javascript"> var isDown = false; var minwidth = 160; var maxwidth = 800; $ ("#arrowborder"). Mousedown (function () {this.setCapture (); isDown = true; $ ("body"). css ("kursor", "e-resize");}); $ ("body"). mouseUp (function () {this.releaseCapture (); isDown = false; $ ("body"). css ("kursor", "default");}); $ ("body"). mousemove (function (event) {if (isDown) {var _mx = event.clientx; // var _my = event.clienty; var _poin = $ ("#arrowborder"). offset (); var _w = _mx -mx -poin.left; var _ "(". " _RW = $ ("#RightFrame"). Width (); if ((_lw + _w> Minwidth && _w <0) || (_lw + _w <maxwidth && _w> _w) ($ ("#"). } else {if (_w> 0) {$ ("#movemodule"). Width (maxwidth); Minwidth));}}}}); </script> </form> </body> </html>