<ptml xmlns= "http://www.w3.org/1999/xhtml" > <pead> <title> neverspliter-http://www.never-online. NET </title> <meta http-equiv= "Imagetoolbar" content= "no"/> <meta name= "Author" content= "Never-online" Bluedestiny "/> <meta name=" keywords "content=" never modules, Mozilla CSS, C #,. NET, Reference, Bluedestiny, never -online "/> <meta name=" description "content=" javascript reference, C sharp artilces "/> <meta" name= . Name "content=" Never-online, Bluedestiny "/> <style type=" text/css "media=" All "title=" Default "> body, TD { Font:9pt "Verdana"; } table {border:4px solid buttonface;} . innerspliter {width:4px; height:100%; border:1px outset buttonhighlight; background-color:buttonface; overflow: Hidden Cursor:col-resize; }. spliterline {display:none; top:0px left:100px; position:absolute; border:2px outset button;} </style> <script type= "Text/javascript" >//<! [cdata[functionGetelementoffset (e) {var t = e.offsettop; var L = e.offsetleft; var w = e.offsetwidth; var h = e.offsetheight-1; while (e=e.offsetparent) {t+=e.offsettop; L+=e.offsetleft; return {top:t, left:l, Width:w, height:h}} window.onload = function () {Window.lftwrapper = document.getElementById ("Leftwrapper"); Window.rgtwrapper = document.getElementById ("Rightwrapper"); Window.splitobj = document.getElementById ("Splitline"); Window.bismoved = false; document.getElementById ("Spliter"). onmousedown = Handlerdown; Document.onmousemove = Handlermove; Document.onmouseup = Handlerup; function Handlerdown () {var elposition = Getelementoffset (document.getElementById ("Spliter")); SPLITOBJ.EVTX = Event.clientx-elposition.left; With (Splitobj.style) {display = ' block '; left = Elposition.left; cursor = "Col-resize"; Filter = "Alpha (opacity=30)"; Height = elposition.height; top = Elposition.top; } bismoved = True function Handlermove () {if (!bismoved) return; Splitobj.setcapture (); With (Splitobj.style) {left = EVENT.CLIENTX-SPLITOBJ.EVTX; cursor = "Col-resize"; } function Handlerup () {if (!bismoved) return; LftWrapper.style.width = event.clientx-splitobj.evtx; Bismoved=false; Splitobj.releasecapture (); SplitObj.style.display = "None"; }//]]> </script> </pead> <body id= "www.never-online.net" > <div id= "splitline" class= " Spliterline "></div> <table cellspacing=" 0 "cellpadding=" 0 "border=" 0 "id=" mainwrapper "width=" 100% " height= "+" > <tr> <td width= "20%" id= "Leftwrapper" class= "BorderTop" valign= "top" > I am never-online </td> <td id= "Spliter" title= "Drag this line to control leftframe width" width= "5" > <div class= "Inn Erspliter "></div> </td> <td id=" Rightwrapper "class=" BorderTop "valign=" Top "> or Bluedestiny, C lick here TO my blog </td> </tr> </table> <p align= ' center ' > Power by Never-online </p> </ Body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
