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

妖狐艹你老母 2021-11-09 19:26 182阅读 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 条评论，182人围观）

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

相关阅读

相关 js中的事件

1.鼠标事件 ①onclick:点击 ②dblclick;双击 ③mouseover;鼠标进入 ④mouseout;鼠标移出 ⑤mousedown;移...

柔情只为你懂/ 2024年04月18日 19:09/ 0 赞/ 39 阅读

相关 JS中的事件

1、常用事件焦点类、点击类、键盘类、鼠标类、表单类、文本类 1、焦点类 blur 失去焦点（失焦） focus 获得焦点（聚焦） ![2ce14e078c974

缺乏、安全感/ 2024年04月03日 08:45/ 0 赞/ 44 阅读

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

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

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

相关 Js中的事件

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

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

相关 vim中的窗口分割

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

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

相关 vim分割窗口

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

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

相关 Vim - 窗口分割

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

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

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

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

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

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

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

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

相关 vi编辑器的分割窗口

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

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