MyGit

websemantics/super-tiny-splitpane

Fork: 3 Star: 7 (更新于 2024-12-23 06:09:13)

license: MIT

Language: JavaScript .

Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts

最后发布版本: 1.1.0 ( 2017-05-16 03:15:17)

官方网址 GitHub网址

╭─╮ ┬ ┬ ╭─╮ ╭─╮ ┬─╮   ╭┬╮ ┬ ╭╮╭ ╭─╮   ╭─╮ ╭─╮ ┬   ┬ ╭┬╮ ╭─╮ ╭─╮ ╭╮╭ ╭─╮  
╰─╮ │ │ ├─╯ ├┤  ├┬╯    │  │ │││ ├┤    ╰─╮ ├─╯ │   │  │  ├─╯ ├─┤ │││ ├┤   
╰─╯ ╰─╯ ┴   ╰─╯ ┴╰─    ┴  ┴ ╯╰╯ ╰─╯   ╰─╯ ┴   ┴─╯ ┴  ┴  ┴   ┴ ┴ ╯╰╯ ╰─╯  
Under 2kb and without dependencies 

Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts.

Live demo

Getting Started

  1. Include splitpane.js in an html page,
<script src="splitpane.js"></script>
  1. Add the following markup,
<div class="splitpane">                 <!-- for vertical splitpane add  `vertical` -->
  <div style="width: 50%"></div>        <!-- class and set `height` of first child -->
  <div class="handle"></div>
  <div></div>
</div> 
  1. Finally, include style rules,
html, body { height: 100% }
.splitpane {width: 100%; height: 100% }
.handle {background-color: lightgrey; }
.handle:hover {background-color: grey }

More Examples

Support

Need help or have a question? post a questions at StackOverflow

Please don't use the issue trackers for support/questions.

Contribution

More than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :)

License

MIT license Copyright (c) Web Semantics, Inc.

最近版本更新:(数据更新于 2024-09-12 08:04:41)

2017-05-16 03:15:17 1.1.0

websemantics/super-tiny-splitpane同语言 JavaScript最近更新仓库

2024-12-22 13:19:55 gethomepage/homepage

2024-12-22 11:34:40 chris81605/Degrees-of-Lewdity_Cheat_Extended

2024-12-22 00:44:14 gorhill/uBlock

2024-12-21 12:14:02 layui/layui

2024-12-21 03:44:01 emberjs/ember.js

2024-12-20 02:57:09 nodejs/node