欧美人与禽2o2o性论交,欧美牲交a欧美牲交aⅴ免费

abstract：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>后臺(tái)管理系統(tǒng)</title> <link rel="stylesheet" type="text

<!DOCTYPE html>

<html>

<head>

.header {

width: 100%;

height: 50px;

background: #2e6da4;

line-height: 50px;

color: white;

}

.title {

margin-left: 20px;

font-size: 20px;

}

.userinfo {

float: right;

margin-right: 20px;

}

.userinfo a {

color: white;

margin-left: 5px;

}

.menu {

width: 200px;

/* height: 100%; */

background: #333744;

position: absolute;

/* 重要的一步 */

}

.main {

position: absolute;

left: 200px;

right: 0px;

}

.layui-collapse {

border: none;

}

.layui-colla-title {

background: #42485b;

color: white;

}

.layui-colla-content {

border: none;

padding: 0px;

}

.layui-colla-item {

border-top: none;

}

</style>

</head>

<body>

<span class="userinfo">admin [系統(tǒng)管理員]<span><a href="javascript:;" onclick="logout()">退出</a></span></span>

</div>

<h2 class="layui-colla-title">管理員管理</h2>

<li class="layui-nav-item layui-nav-itemed"><a href="javascript:;" onclick="menuFire(this)" src="../MI/layui_admin.html">管理員列表</a>

</li>

</ul>

</div>

</li>

</ul>

</li>

</ul>

</div>

</li>

</ul>

</div>

</li>

</ul>

</div>

</li>

</ul>

</div>

<h2 class="layui-colla-title">幻燈片管理</h2>

</li>

</ul>

</div>

</div>

layui.use(['element', 'layer'], function() {

var element = layui.element;

var layer = layui.layer;

$ = layui.jquery

resetMenuHeight()

//監(jiān)聽(tīng)折疊

element.on('collapse(test)', function(data) {

layer.msg('展開(kāi)狀態(tài)：' + data.show);

});

function logout() {

layer.confirm('確定要退出嗎？', {

icon: 3,

btn: ['確定', '取消'] //可以無(wú)限個(gè)按鈕

}, function(index, layero) {

//按鈕【按鈕一】的回調(diào)

}, function(index) {

//按鈕【按鈕二】的回調(diào)

});

}

//重新設(shè)置菜單容器高度

function resetMenuHeight() {

var height = document.documentElement.clientHeight - 50;

$('#menu').height(height)

}

//菜單點(diǎn)擊

function menuFire(obj) {

//獲取url

var src = $(obj).attr('src')

//改變框架內(nèi)的頁(yè)面地址

$('iframe').attr('src', src)

}

//重新設(shè)置菜單容器高度

function resetMainHeight(obj) {

var height = parent.document.documentElement.clientHeight - 50;

$(obj).parent('div').height(height)

}

</script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

.header span {

background: #009688;

color: white;

margin-left: 30px;

padding: 10px;

line-height: 35px;

}

.header button {

float: right;

}

.header {

border-bottom: 2px #009688 solid;

}

</style>

</head>

<body>

<span>管理員列表</span>

</div>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

<td>人生似修行</td>

</tr>

<tr>

</tr>

<tr>

<td> Life is either a daring adventure or nothing.</td>

</tr>

</tbody>

</table>

</div>

layui.use(['layer'], function() {

layer = layui.layer;

$ = layui.jquery;

//var layer=layui.layer;

});

// 刪除

function del() {

layer.confirm('確定要?jiǎng)h除么？', {

icon: 2,

btn: ['確定', '取消'] //可以無(wú)限個(gè)按鈕

}, function(index, layero) {

//按鈕【按鈕一】的回調(diào)

}, function(index) {

//按鈕【按鈕二】的回調(diào)

});

}

//添加/編輯

function add() {

layer.open({

type: 2,

title:'添加管理員',

area:['480px','420px'],

content: '../MI/layui_add.html' //這里content是一個(gè)普通的String

});

}

</script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

.header span {

background: #009688;

color: white;

margin-left: 30px;

padding: 10px;

line-height: 35px;

}

.header button {

float: right;

}

.header {

border-bottom: 2px #009688 solid;

}

</style>

</head>

<body>

</div>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

</form>

</div>

layui.use(['layer', 'form'], function() {

layer = layui.layer;

form = layui.form;

$ = layui.jquery;

});

//子菜單跳轉(zhuǎn)

function child(pid){

window.location.href="../MI/Menu/index.html?pid="+pid

}

</script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

</div>

</select>

</div>

</div>

</form>

//Demo

layui.use('form', function() {

var form = layui.form;

//監(jiān)聽(tīng)提交

// form.on('submit(formDemo)', function(data){

// layer.msg(JSON.stringify(data.field));

// return false;

// });

});

</script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

.header span {

background: #009688;

color: white;

margin-left: 30px;

padding: 10px;

line-height: 35px;

}

.header button {

float: right;

}

.header {

border-bottom: 2px #009688 solid;

}

.thumb {

height: 28px;

float: right;

}

</style>

</head>

<body>

</div>

</div>

</div>

<thead>

<tr>

<th>名稱(chēng)</th>

</tr>

</thead>

<tbody>

<tr>

<td>iphone</td>

<td>Apple iPhone 8 Plus 64GB 紅色特別版移動(dòng)聯(lián)通電信4G手機(jī)<img class="thumb" src="../MI/static/img/buy/AD1.jpg"

onmouseover="show_img(this)" onmouseleave="hide_img()"> </td>

<td><button class="layui-btn"><i class="layui-icon">編輯</i></button> <button class="layui-btn layui-btn-danger"

onclick="del()"><i class="layui-icon">刪除</i></button></td>

</tr>

<tr>

<td>iphone</td>

<td>Apple iPhone 8 Plus 64GB 紅色特別版移動(dòng)聯(lián)通電信4G手機(jī)<img class="thumb" src="../MI/static/img/buy/搭配AD1.jpg"

onmouseover="show_img(this)" onmouseleave="hide_img()"> </td>

<td><button class="layui-btn"><i class="layui-icon">編輯</i></button> <button class="layui-btn layui-btn-danger"

onclick="del()"><i class="layui-icon">刪除</i></button></td>

</tr>

<tr>

<td>iphone</td>

<td>Apple iPhone 8 Plus 64GB 紅色特別版移動(dòng)聯(lián)通電信4G手機(jī)<img class="thumb" src="../MI/static/img/buy/搭配AD1.jpg"

onmouseover="show_img(this)" onmouseleave="hide_img()"></td>

<td><button class="layui-btn"><i class="layui-icon">編輯</i></button> <button class="layui-btn layui-btn-danger"

onclick="del()"><i class="layui-icon">刪除</i></button></td>

</tr>

</tbody>

</table>

</div>

layui.use(['layer', 'laypage'], function() {

layer = layui.layer;

laypage = layui.laypage;

$ = layui.jquery;

//var layer=layui.layer;

//執(zhí)行一個(gè)laypage實(shí)例

laypage.render({

elem: 'test1' //注意，這里的 test1 是 ID，不用加 # 號(hào)

count: 50 //數(shù)據(jù)總數(shù)，從服務(wù)端得到

});

// 刪除

function del() {

layer.confirm('確定要?jiǎng)h除么？', {

icon: 2,

btn: ['確定', '取消'] //可以無(wú)限個(gè)按鈕

}, function(index, layero) {

//按鈕【按鈕一】的回調(diào)

}, function(index) {

//按鈕【按鈕二】的回調(diào)

});

}

//添加/編輯

function add() {

layer.open({

type: 2,

title: '添加管理員',

area: ['480px', '420px'],

content: '../MI/Product/product_add.html' //這里content是一個(gè)普通的String

});

}

//1.首先獲取到瀏覽器容器的位置(相對(duì)于文檔)

function getMousePos(event) {

var e = event || window.event;

var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;

var scrollY = document.documentElement.scrollTop || document.body.scrollTop;

var x = e.pagex || e.clientX + scrollX;

var y = e.pageY || e.clientY + scrollY;

return {

'x': x,

'y': y

};

}

//顯示隱藏預(yù)覽圖片

function show_img(obj) {

var imgurl = $(obj).attr('src')

var res = getMousePos()

var html =

'<div style="background:#fff;width: 200px;border:solid 1px #ccc;border-radius: 6px;padding: 2px;position: absolute;left:' +

res.x + 'px;top:' + res.y +

'px;z-index:4" id="preview">\

<img style="width: 100%;border-radius: 6px;" src="' + imgurl +

'">\

</div> '

$('body').append(html)

}

function hide_img() {

$('#preview').remove()

}

</script>

</body>

</html>

總結(jié)

使用layui可以提交效率，規(guī)范代碼

Correcting teacher：天蓬老師Correction time：2019-04-04 10:50:07
Teacher's summary：前端框架的優(yōu)勢(shì) , 就是在于樣式統(tǒng)一, 功能封裝, 讓用戶將重點(diǎn)放在業(yè)務(wù)邏輯上, 但也犧牲了一定的靈活性, 要有取舍, 不一定什么都交給框架,也不好

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

layui框架后臺(tái)布局

Popular Entries