php左边导航右边跳转,左边导航 右边分屏 框架实现

左边导航，点击右边 跳转对应页面

实现:

CCC2.html    #主框架代码

数据操作平台

html, body {

width: 100%;

height: 100%;

padding: 0;

margin: 0;

}

.container {

width: 100%;

height: 100%;

display: flex;

}

.left {

flex: 0 0 200px;

padding: 10px;

margin: 0;

}

.left li {

cursor: pointer;

}

.left li:hover {

color: blue;

}

.right {

flex: 1;

border: 1px solid #000;

}

• B2C落地页_数据操作
• 第二个iframe
• 第三个iframe
• 第三个iframe

window.onload = function () {

var items = document.getElementsByClassName('item')

var iframe = document.getElementsByClassName('right')[0]

for (var i = 0; i < items.length; i++) {

items[i].onclick = function () {

iframe.src = this.attributes[1].value

}

}

}

window.onload

右侧页面 框架 all.html

   #禁止分屏 拖动 添加

右侧 第一个视图

div.pos_left

{

position: absolute;

top:40px;

left:220px

}

div.su

{

width:0;

height:150px;

border-style: ridge;

border-left:50px;

border-color:black;

position: absolute;

top:40px;

left:620px

}

{% if form and form.errors %}

{% for key, error in form.errors.items() %}

{{ error }}

{% endfor %}

{% endif %}

{% set messages = get_flashed_messages()[0] %}

{{ messages }}

输入要删除的用户相关落地页信息

type="text"

placeholder="输入要删除的 user_id">

value="执 行 操 作">

只有测试用户数据才可操作,添加测试用户请找管理员

目前测试用户user_id如下:

"22343" , "332"