通过js中的onmousedown、onmousemove、onmouseup事件水平分割窗口

妖狐艹你老母 2021-11-09 19:26 249阅读 0赞

**核心代码：**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>自定义分割窗口</title>
        <style>
    
            * {
                margin: 0;
                padding: 0;
            }
    
            html, body {
                height: 100%;
            }
    
            .root {
                width: 100%;
                height: 100%;
    
                position: relative;
            }
    
            .left {
                width: 20%;
                height: 100%;
                background-color: #CC0000;
    
                position: absolute;
                left: 0;
                top: 0;
    
            }
    
          /*  .center {
                width: 60%;
                height: 100%;
                background-color: #FF8F06;
    
                position: absolute;
                left: 20%;
                right: 20%;
                top: 0;
            }*/
    
            .right {
                width: 20%;
                height: 100%;
                background-color: green;

发表评论取消回复

表情：

评论列表（有 0 条评论，249人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 关闭窗口跟刷新窗口事件

<script type="text/javascript"> <!-- window.onbeforeunload = onb

朴灿烈づ我的快乐病毒、/ 2022年08月24日 14:23/ 0 赞/ 278 阅读

相关 js浏览器窗口大小改变时事件

设置一个宽高根据当前窗口自适应的div，当页面大小发生改变时，div的宽高也随之发生改变： <div id="homePage_svcSuccessData" cla

缺乏、安全感/ 2022年08月18日 11:49/ 0 赞/ 229 阅读

相关 js添加多个窗口监听事件

看过一个[文章][Link 1]，说js有相对较多的瑕疵，对此，我是比较认同的，就如我将要说的js的窗口监听事件，如窗口改变大小事件需要定义window.resize函数。

淩亂°似流年/ 2022年06月12日 08:15/ 0 赞/ 436 阅读

相关 Js中的事件

一、鼠标事件 1. mouseDownAction //鼠标按下的时候触发 2. mouseMoveAction //鼠标移动的时候触发 3. mouseUpAc

偏执的太偏执、/ 2022年06月10日 00:46/ 0 赞/ 210 阅读

相关 vim中的窗口分割

vim中的窗口分割在察看程序时，常常需要用到同时察看两个文件的功能。同样在vim也提供了支持。一下是vim关于窗口分割的命令：（以下命令在最后一行模式下） 1

短命女/ 2022年05月14日 23:41/ 0 赞/ 225 阅读

相关 vim分割窗口

Vim用户手册 - by Bram Moolenaar 译者：Nek\_in [http://vimcdoc.sf.net][http_vimcdoc.sf.ne

野性酷女/ 2022年02月15日 00:01/ 0 赞/ 316 阅读

相关 Vim - 窗口分割

Vim - 窗口分割 Vim 允许我们将工作区切分成若干窗口，在这些窗口并排显示多个缓冲区。 -------------------- 分割文件 <table>

小灰灰/ 2022年01月23日 08:15/ 0 赞/ 287 阅读

相关在Vue项目中使用vue-splitpane(垂直水平分割窗口)插件

vue-splitpane 是什么？它是垂直水平分割窗口的一个插件。 vue-splitpane 怎么使用？ 1、安装插件

亦凉/ 2021年11月18日 01:24/ 0 赞/ 2479 阅读

相关通过js中的onmousedown、onmousemove、onmouseup事件水平分割窗口

核心代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

妖狐艹你老母/ 2021年11月09日 19:26/ 0 赞/ 250 阅读

相关 vi编辑器的分割窗口

\08.1\ 分割窗口最简单的打开新窗口命令是如下： :split 这个命令把屏幕分解成两个窗口并把光标置于上面的窗口中：

川长思鸟来/ 2021年06月24日 13:59/ 0 赞/ 391 阅读