代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery消息提示框插件kztips</title>
<meta name="description" content="Demo of kzphp Grid system">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css?v=<script>vkzhtml</script>">
<link rel="stylesheet" href="css/kzgrid.css">
<link rel="stylesheet" id="theme" href="css/skin/hthema.css">
<link rel="stylesheet" href="css/font/iconfont.css">
<!--[if lt IE 9]>
<script src="js/html5shiv-3-respond-1.1.0.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="kzbody">
<div class="heander">
<div class="logo">kzhtml前端框架</div>
<div class="kznav">
<div id="mini"><img src="images/mini.png" ></div>
</div>
<div class="navbar-right">
<div class="kznavbar">
<ul>
<li>
<a href="#">
<div class="kzswitch">
<i class="my-icon nav-downs"></i>
</div>
</a>
</li>
<li>
<a href="#">
<div class="kzadmin">
<i class="my-icon nav-admin"></i>
管理员
</div>
</a>
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="user-options">
<li>
<a href="#"> 我的权限</a>
</li>
<li>
<a href="#">我的发布</a>
</li>
<li>
<a href="email.html"> 我的信息
</a>
</li>
<li class="divider"></li>
<li>
<a href="login.html"><i class="my-icon icon-tuichu"></i> 退出</a>
</li>
</ul>
</li>
<!-- <li>
<a href="#" onclick="kzqingli()"><i class="my-icon icon-dunpai"></i>清理缓存</a>
</li> -->
</ul>
</div>
</div>
</div>
<div class="kzleftmuen">
<div class="nav">
<ul>
<li class="nav-item nav-show">
<a href="javascript:;"><i class="my-icon nav-icon icon_0"></i><span>前端kzUI</span><i class="my-icon nav-more"></i></a>
<ul>
<li><a href="grid/index.html"><span>栅格系统</span></a></li>
<li><a href="form/index.html"><span>表单样式</span></a></li>
<li class="hover"><a href="button/index.html"><span>按钮样式</span></a></li>
<li><a href="table/index.html"><span>表格样式</span></a></li>
<li><a href="icon/index.html"><span>图标样式</span></a></li>
<li><a href="javascript:;"><span>菜单导航</span></a></li>
<li><a href="javascript:;"><span>小部件</span></a></li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>js插件</span><i class="my-icon nav-more"></i></a>
<ul>
<li><a href="valide/index.html"><span>表单验证</span></a></li>
<li><a href="tips/index.html"><span>提示框插件</span></a></li>
<li><a href="table/jstable.html"><span>表格插件</span></a></li>
<li><a href="layer/index.html"><span>弹出框插件</span></a></li>
<li><a href="page/index.html"><span>分页插件</span></a></li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;"><i class="my-icon nav-icon icon_2"></i><span>移动端框架</span><i class="my-icon nav-more"></i></a>
<ul>
<li><a href="javascript:;"><span>列表样式</span></a></li>
<li><a href="javascript:;"><span>tab样式</span></a></li>
<li><a href="javascript:;"><span>菜单导航</span></a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="kzrightbody">
<div class="grid-12">
<ul class="weizhixinxi">
<li><a href="index.html">首页</a></li>
<li><a href="index.html">前端kzui</a></li>
<li>按钮样式</li>
</ul>
</div>
<div class="grid-12 pd20">
<div class="grid-12">
<div class="form-grids row widget-shadow" data-example-id="basic-forms">
<div class="form-title">
<h4>按钮样式</h4>
</div>
<div class="form-body">
<div class="btn-list">
<button class="btn btn-default">Default</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-info">Info</button>
</div>
</div>
</div>
</div>
</div>
<div class="grid-12 pd20">
<div class="grid-12">
<div class="form-grids row widget-shadow" data-example-id="basic-forms">
<div class="form-title">
<h4>按钮样式</h4>
</div>
<div class="form-body">
<div class="btn-list">
<button class="btn btn-rounded btn-default">Default</button>
<button class="btn btn-rounded btn-primary">Primary</button>
<button class="btn btn-rounded btn-success">Success</button>
<button class="btn btn-rounded btn-warning">Warning</button>
<button class="btn btn-rounded btn-danger">Danger</button>
<button class="btn btn-rounded btn-info">Info</button>
</div>
</div>
</div>
</div>
</div>
<div class="grid-12 pd20">
<div class="grid-12">
<div class="form-grids row widget-shadow" data-example-id="basic-forms">
<div class="form-title">
<h4>按钮样式</h4>
</div>
<div class="form-body">
<div class="btn-list">
<button class="btn btn-metro btn-default">Default</button>
<button class="btn btn-metro btn-primary">Primary</button>
<button class="btn btn-metro btn-success">Success</button>
<button class="btn btn-metro btn-warning">Warning</button>
<button class="btn btn-metro btn-danger">Danger</button>
<button class="btn btn-metro btn-info">Info</button>
</div>
</div>
</div>
</div>
</div>
<div class="grid-12 pd20">
<div class="grid-12">
<div class="form-grids row widget-shadow" data-example-id="basic-forms">
<div class="form-title">
<h4>按钮样式</h4>
</div>
<div class="form-body">
<div class="btn-list">
<button class="btn btn-lg btn-default">Default</button>
<button class="btn btn-lg btn-primary">Primary</button>
<button class="btn btn-lg btn-success">Success</button>
</div>
<div class="btn-list">
<button class="btn btn-default">Default</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success">Success</button>
</div>
<div class="btn-list">
<button class="btn btn-sm btn-default">Default</button>
<button class="btn btn-sm btn-primary">Primary</button>
<button class="btn btn-sm btn-success">Success</button>
</div>
<div class="btn-list">
<button class="btn btn-xs btn-default">Default</button>
<button class="btn btn-xs btn-primary">Primary</button>
<button class="btn btn-xs btn-success">Success</button>
</div>
</div>
</div>
</div>
</div>
<div class="grid-12 pd20">
<div class="grid-12">
<div class="form-grids row widget-shadow" data-example-id="basic-forms">
<div class="form-title">
<h4>按钮样式</h4>
</div>
<div class="form-body">
<div class="btn-list">
<button class="btn btn-block btn-lg btn-default">Default</button>
<button class="btn btn-block btn-lg btn-primary">Primary</button>
<button class="btn btn-block btn-lg btn-success">Success</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="kzresizts">
<div class="toast toast--yellow add-margin">
<div class="toast__content">
<p class="toast__type">您的浏览器可见范围太小！</p>
<p class="toast__message">请调整您的屏幕分辨率或浏览器操作窗口最大化，请按S+Alt+空格，然后再按X</p>
</div>
<div class="toast__close">
X
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
var lujing = true;
</script>
<script type="text/javascript" src="js/kzscript.js"></script>
</html>
<script type="text/javascript" src="js/nav.js"></script>
<!-- <script src="js/layer/layer.js"></script> -->
<script type="text/javascript">
var fbl = $(document).width();
kzresiz(fbl);
$(window).resize(function () { //当浏览器大小变化时
kzresiz($(document).width());
});
$(".toast__close").click(function(){
$(".kzresizts").hide();
});
function kzresiz(w) {
if(w < 1000){
$(".kzresizts").show();
// console.log("您的浏览器分辨率小于1000px；请调整浏览器宽度，或调整电脑分辨率大小")
}else{
$(".kzresizts").hide();
}
}
// kzload.kzlocalcss("script");//引入css
// kzload.kzlocaljs("script");//引入js
</script>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手