可拖动拉伸的左右分栏效果，本例子是用Table以及JS来实现的，左右分栏可改变，拖动中间的边框就可实现宽度的调整，点击时可设置为隐藏左侧列表。

最新推荐文章于 2022-07-14 08:12:45 发布

VIP文章 yinxianluo

最新推荐文章于 2022-07-14 08:12:45 发布

阅读量3.5k

点赞数

分类专栏： JAVA开发文章标签： JS 分栏拖动拉伸

本文链接：https://blog.csdn.net/yinxianluo/article/details/8949871

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="author" content="CoLee" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js制作的可以拖动拉伸的左右分栏效果丨芯晴网页特效丨CsrCode.Cn</title>
<script language="javascript">
var isResizing=false;
function Resize_mousedown(event,obj){
obj.mouseDownX=event.clientX;
obj.leftTdW=obj.previousSibling.offsetWidth;
obj.setCapture();
isResizing=true;
}
function Resize_mousemove(event,obj){
if(!isResizing) return ;
var newWidth=obj.leftTdW*1+event.

最低0.47元/天解锁文章

yinxianluo

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
可拖动拉伸的左右分栏效果，本例子是用Table以及JS来实现的，左右分栏可改变，拖动中间的边框就可实现宽度的调整，点击时可设置为隐藏左侧列表。

Js制作的可以拖动拉伸的左右分栏效果丨芯晴网页特效丨CsrCode.Cn var isResizing=false; function Resize_mousedown(event,obj){ obj.mouseDownX=event.clientX; obj.leftTdW=obj.previousSibling.offsetWid
复制链接

扫一扫