jquery实现类似EasyUI的页面布局可改变左右的宽度

截图如下：（可通过移动中间蓝色的条，来改变左右两边div的宽度）

具体实现代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %> 

 

 
 
 
 

 
.highlightTextSearch 
{ 
background-color: Red; 
} 
a:hover 
{ 
color: Red; 
} 
.style2 
{ 
width: 1000px; 
} 
.div 
{ 
scrollbar-face-color: #DCDCDC;  
scrollbar-shadow-color: #99BBE8;  
scrollbar-highlight-color: #FF3300;  
scrollbar-3dlight-color: #9EBFE8; 
scrollbar-darkshadow-color: #9EBFE8; 
scrollbar-track-color: #DFE8F6;  
scrollbar-arrow-color: #6699FF;  
}