首页 > 特效插件 > 其他特效 >  jQuery Splitter 多列或多行div拖拽插件,分隔条插件正文

jQuery Splitter 多列或多行div拖拽插件,分隔条插件

特效介绍

jQuery Splitter能够根据配置,自动将一个容器内的div自动排列为一行或一列,并且能够拖拽控制每个的宽度或高度,如下图:

jQuery Splitter

使用方法

1、引入相关css和js

2<script src="js/jquery.splitter.js"></script>
3<link href="css/jquery.splitter.css" rel="stylesheet"/>


2、html如下:

1<div id="widget">
2  <div>我爱模板网</div>
3  <div>我爱模板网</div>
4  <div>我爱模板网</div>
5  <div>我爱模板网</div>
6  <div>我爱模板网</div>
7  <div>我爱模板网</div>
8</div>


3、初始化

1$('#widget').width(700).height(400).split({orientation:'vertical', limit:100});


4、split orientation的值:

horizontal:水平分割

vertical: 垂直分割


下载 提取码/密码:q07m(点击复制密码) 预览