jquery自动检测排查问题效果代码。
代码语言:html
所属分类:布局界面
代码描述:jquery自动检测排查问题效果代码。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> html, body { margin: 0; padding: 0; height: 100%; } body { background: #fff } .btn { display: inline-block; background: #6089fb; padding: 10px 17px; color: #fff; border-radius: 5px; cursor: pointer; margin: 50px; } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(238, 238, 238, 0.5); display: table; z-index: 100; } .modal .modal-content { font-family: 'Microsoft YaHei', sans-serif; display: table-cell; vertical-align: middle; text-align: center; } .modal .modal-content .check-box { display: inline-block; background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 2px 15px #c4c4c4; padding: 60px; min-width: 400px; box-sizing: border-box; } .modal .modal-content .check-box .check-list { list-style: none; margin: 0; padding: 0; } .modal .modal-content .check-box .check-list li { padding: 0 50px; margin-bottom: 30px; font-size: 14px; line-height: 22px; color: #999; text-align: left; } .modal .modal-content .check-box .check-list li .check-icon { .........完整代码请登录后点击上方下载按钮下载查看
网友评论0