http://layout.jquery-dev.com/demos.cfm
jquery ui layout
我没写过,你可以看一下codepen的页面,他们网站上有可拖动的分隔条
http://codepen.io/magnificode/pen/pJXWoL
大概的思路是:
分隔条本身是一个独立的div,它两侧又分别有一个div,在分隔条上监听mousedown和mousemove事件,
根据鼠标的移动来改变分隔条在页面上面的位置,同时也要改变它两侧div的宽度
http://layout.jquery-dev.com/demos.cfm
jquery ui layout
我没写过,你可以看一下codepen的页面,他们网站上有可拖动的分隔条
http://codepen.io/magnificode/pen/pJXWoL
大概的思路是:
分隔条本身是一个独立的div,它两侧又分别有一个div,在分隔条上监听mousedown和mousemove事件,
根据鼠标的移动来改变分隔条在页面上面的位置,同时也要改变它两侧div的宽度