监控设置9宫格：黑色的画面，看画面里面有没有显示“无视频图像输入”的文字，如果有，代表你的摄像机或者线路连接不通。
1、正常情况下，根据你的录像机是多少路视频输入就可以显示多少画面（一般的显示屏只能同时显示16画面）。
2、鼠标左键双击某个画面，即可全屏显示当前画面图像。
基本资料：
球机类型：红外高速球通信方式：RS-485总线通信协议：PELCO-D,PELCO-P等多种协议。
通信波特率：1200bps / 2400bps / 4800bps / 9600bps /12800bps。
自动归位功能：根据用户设定的时间,自动回到设定位置。
自动控制红外灯：根据摄像机焦距的大小自动调节运动速度遮蔽区：可选（可设定2个遮蔽区域）。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全兼容的HTML九宫格布局</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </head> <body> <html> <head> <style type="text/css"> /** 重置浏览器默认标签样式 */ body,ul,li{margin:0padding:0} .xttblog{width: 1200px height: 170px margin-top:50px margin-left: auto margin-right: auto } .box{margin-left: 5pxmargin-top: 5pxlist-style-type:none} .box:after{content: "." display: block line-height: 0 width:0 height: 0 clear: both visibility: hidden overflow: hidden } .box li{float:leftline-height: 230px} .box li a,.box li a:visited{display:block border: 5px solid #ccc width: 380px height: 230px text-align: center margin-left: -5px margin-top: -5px position: relative z-index: 1 } .box li a:hover{border-color: #f00z-index: 2} </style> </head> <body> <div class="xttblog"> <ul class="box"> <li><a href="#" title="1"><img src="sh.jpg"/></a></li> <li><a href="#" title="2"><img src="bd.jpg"/></a></li> <li><a href="#" title="3"><img src="tb.jpg"/></a></li> <li><a href="#" title="4"><img src="fh.jpg"/></a></li> <li><a href="#" title="5"><img src="tb.jpg"/></a></li> <li><a href="#" title="6"><img src="tb.jpg"/></a></li> <li><a href="#" title="7"><img src="tb.jpg"/></a></li> <li><a href="#" title="8"><img src="tb.jpg"/></a></li> <li><a href="#" title="9"><img src="tb.jpg"/></a></li> </ul> </div> </body> </html> 源码，有些不一样，自己改下，html+css不懂得话，得自学下，这个是很简单的了，可以看下php中文网的一些课程，我自己也是自学的，网楼主采纳！欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）