一、需求分析 现在电脑的屏幕越来越大，为了利用好宽屏，我们在设计系统UI时喜欢在左侧放个菜单或选项面板，在右边显示与菜单或选项对应的内容，两者之间用分隔条splitter来间隔，并可以通过拖动分隔条splitter来动态调研左右两边的宽度。 要在网页上实现这种UI界面，也有不少现成的组件，比如jQuery中提供的Splitter.js，不过自已用HTML+JavaScript+CSS来DIY一下，从而加深对HTML+JavaScript+CSS的了解，也是不错的选择。 二、构造界面 首先我们来打造界面。在id 为divMain 的<div>中，左边有一个id&...