该博客介绍了如何使用jqwidgets库将HTML页面水平分割为三个部分，详细步骤包括下载jqwidgets库，引入所需JS和CSS文件，并展示了具体的HTML和JavaScript代码实现。最终实现了50%、25%、25%的比例分割。
需求：将页面水平分割成三部分，比例分别是50%, 25%, 25%
设计步骤：
第一步：下载jqwidget https://www.jqwidgets.com/download/
第二步：将需要的js和css文件（jquery.min.js, jqxcore.js, jqxsplitter.js, jqxbuttons.js, jqxscrollbar.js, jqxpanel.js, demos.js, jqx.base.css ）放到自定义的目录下。例如：***/plugins/jqwidgets/
第三步：引入所需的js和css文件，构建html代码如下：
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head >
<link rel="stylesheet" th:href="@{/assets/plugins/jqwidgets/jqx.base.css}" type="text/css"/>
</head>
<body>
<div id='jqxWidget'>
<div id="topSplitter">
<div class="splitter-panel">
最低0.47元/天 解锁文章
扫一扫
1520
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
