涉及js或jq中的$().width(), clientWidth, offsetWidth各類尺寸問題的一個將頁面分隔成左右兩部分可任意調整尺寸的DEMO

假若有這樣的一個需求, 一個頁面分紅左右兩個部分, 左右的中間再放一個寬度爲10px"分隔條", 兩部分的尺寸能夠經過鼠標拖動中間的"分割條"來任意調整, 用js實現這個動態效果, 會操做到關於元素的不少尺寸屬性, 這裏是完整的代碼和詳細的註釋, 經過代碼能夠了解到實現這個動態效果的思路, 經過註釋以及本身的實驗, 能夠了解到元素的各類尺寸的具體含義, 如$().width(), eleObj.c

>>阅读原文<<