body { margin: 0 }
.left { float: left }
.right { float: right }
.pg-head { height: 48px; background-color: aquamarine; min-width: 1000px }
.pg-head .logo { width: 200px; background-color: aqua; text-align: center; line-height: 48px; color: white; font-size: 26px; font-family: 微软雅黑, 华文细黑, 黑体, Arial }
.pg-head .user-info { height: 48px }
.pg-head .user-info .item { display: inline-block; padding: 0 10px; line-height: 48px }
.pg-head .user-info .item:hover { background-color: beige }
.pg-head .user-info .img { overflow: hidden; float: right; width: 40px; height: 40px; padding: 4px 10px }
.pg-head .avatar { width: 40px; height: 40px; padding: 4px 10px; margin-right: 10px; position: relative }
.pg-head .avatar:hover .user-menu { display: block }
.pg-head .avatar .user-menu { position: absolute; width: 100px; top: 48px; right: -10px; display: none; z-index: 100; background-color: aqua }
.pg-head .avatar .user-menu a { display: block; line-height: 30px; border-top: 1px solid cyan }
.pg-head .avatar .user-menu a:hover { background-color: aquamarine }
.pg-body { min-width: 1000px }
.pg-body .menus { position: absolute; top: 48px; left: 0; bottom: 0; width: 200px }
.pg-body .content { min-width: 800px; position: absolute; top: 48px; left: 200px; bottom: 0; right: 0; z-index: 99; background-color: #dddddd }
.pg-body .content>div { margin: 20px 20px; border: 1px dotted #dddddd }

运维管理平台
 

表格全选反选取消

选择 主机名 IP 端口
c1.com 192.168.1.80 80
c1.com 192.168.1.80 80
c1.com 192.168.1.80 80

添加标签

  • helei

滚动标签

欢迎李磊今天来上课

删除

 

显示时间

 

搜索框

<script type="text/javascript">// <![CDATA[
//全选
function allclick() {
var obj = document.getElementById('tb').children;
for(var i=0;i<obj.length;i++){
console.log(obj[i].firstElementChild.firstElementChild);
obj[i].firstElementChild.firstElementChild.checked=true;
}
}
//反选
function resetclick() {
var obj = document.getElementById('tb').children;
for(var i=0;i<obj.length;i++){
if(obj[i].firstElementChild.firstElementChild.checked==true){
obj[i].firstElementChild.firstElementChild.checked=false;
}else {
obj[i].firstElementChild.firstElementChild.checked=true;
}
}
}
//取消
function removeclick() {
var obj = document.getElementById('tb').children;
for(var i=0;i<obj.length;i++){
obj[i].firstElementChild.firstElementChild.checked=false;
}
}
//添加标签
function addmsg() {
var msg=document.getElementById('d2').firstElementChild.nextElementSibling.value;
if(msg.trim()!=''){
var obj = document.createElement('li');
obj.innerText=msg;
document.getElementById('u1').appendChild(obj);
document.getElementById('d2').firstElementChild.nextElementSibling.value='';
}
}
//欢迎李磊今天来上课
function welcome() {
var text_1 = document.getElementById('d3').lastElementChild.innerText;
var text_2 = text_1.substring(1,text_1.length+1).concat(text_1[0]);
document.getElementById('d3').lastElementChild.innerText = text_2;
console.log(text_2);
}
setInterval(welcome,1000);
//删除
function deleter() {
document.getElementById('d4').lastElementChild.innerText='已删除';
setTimeout(function () {
document.getElementById('d4').lastElementChild.innerText='';
},5000)
}
//显示时间
function times() {
data = new Date();
var year = data.getYear();
var moth = data.getMonth();
var day = data.getDate();
var hours = data.getHours();
var minu = data.getMinutes();
var sen = data.getSeconds();
var times = year+'-'+moth+'-'+day+' '+hours+':'+minu+':'+sen;
document.getElementById('d5').lastElementChild.innerText=times;
}
setInterval(times,1000);
// ]]></script>

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

sdd

最新文章

  1. IFC是什么
  2. Activity的onCreate()的PersistableBundle 参数坑。
  3. HDU 4704
  4. Qt学习总结-ui篇
  5. [cocos2d demo]新科娘收集水表
  6. CSU 1616: Heaps(区间DP)
  7. Springboot 使用 JSR 303 对 Controller 控制层校验及 Service 服务层 AOP 校验,使用消息资源文件对消息国际化
  8. Effective Java 第三版——33. 优先考虑类型安全的异构容器
  9. 常用算法的python实现
  10. 【Python】【BugList13】req = requests.get(url=target)报错: (Caused by SSLError(SSLError(1, &#39;[SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed (_ssl.c:777)&#39;)
  11. 关于 java 里面的路径
  12. iOS开发调试篇—Print Description of &quot;string&quot;
  13. lnmp上传文件
  14. JVM进程状态监控
  15. HDUOJ -----1864 最大报销额(动态规划)
  16. Java数组课程作业
  17. css边框以及其他常用样式
  18. [NOIP2017 TG D2T2]宝藏(模拟退火)
  19. 关于 gstreamer 和 webrtc 的结合,有点小突破
  20. sql优化实战:从1353秒到135秒(删除索引+修改数据+重建索引)

热门文章

  1. Java 后端微信小程序支付demo (网上说的坑里面基本上都有)
  2. 数据故障的恢复-MSSQL ndf文件大小变为0 KB恢复过程
  3. Python习题(第一课)
  4. TFTP通信原理
  5. 释义Oracle 11r2中并行执行相关参数
  6. 智能合约语言 Solidity 教程系列9 - 错误处理
  7. 获取apk项目的MD5值和SHA1值
  8. EasyUI 冻结列
  9. 【笔记】快应用QuickApp(hap) -- 构建一个微博应用
  10. uva 1411 Ants