嘶吼网络安全产业链图谱

<html lang="zh-CN"> <head></head> <body> <title>嘶吼网络安全产业链图谱</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="renderer" content="webkit" /> <meta property="wb:webmaster" content="4517e8fe39b18975" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta name="description" content="嘶吼网络安全产业链图谱、网络安全图谱、产业链图谱、嘶吼图谱、网络安全产品概览" /> <meta name="keywords" content="嘶吼,嘶吼网络安全产业链图谱、网络安全图谱、产业链图谱、嘶吼图谱、网络安全产品概览、" /> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <link href="https://www.4hou.com/sihou/images/favicon.ico" rel="shortcut icon" /> <link href="https://www.4hou.com/sihou/images/favicon_114.png" rel="apple-touch-icon" /> <link href="https://www.4hou.com/sihou/images/favicon_76.png" sizes="76x76" rel="apple-touch-icon" /> <link href="https://www.4hou.com/sihou/images/favicon_120.png" sizes="120x120" rel="apple-touch-icon" /> <link href="https://www.4hou.com/sihou/images/favicon_152.png" sizes="152x152" rel="apple-touch-icon" />  <script src="https://www.4hou.com/sihou/js/jquery.min.js"></script> <script src="https://www.4hou.com/sihou/js/swiper.jquery.min.js"></script>  <script src="https://www.4hou.com/sihou/login/js/sweetalert.min.js"></script> <link rel="stylesheet" href="https://www.4hou.com/sihou/css/swiper.min.css" />   <![endif]-->  <link rel="stylesheet" href="https://www.4hou.com/sihou/css/style.css?v=4.1" /> <script src="https://www.4hou.com/sihou/js/public.js?v=2"></script> <script src="https://www.4hou.com/sihou/js/jquery-ias.min.js"></script>  <link rel="stylesheet" href="https://www.4hou.com/atlas/css/base.css" /> <link rel="stylesheet" href="https://www.4hou.com/atlas/css/links.css" />  <script src="https://www.4hou.com/atlas/js/three.min.js"></script> <script src="https://www.4hou.com/atlas/js/OrbitControls.js"></script> <script src="https://www.4hou.com/atlas/js/tween.min.js"></script> <script src="https://www.4hou.com/atlas/js/TrackballControls.js"></script> <script src="https://www.4hou.com/atlas/js/CSS3DRenderer.js"></script> <script src="//game.gtimg.cn/images/js/mmdPlugin/mmd-plugin.min.1.0.2.js" charset="utf-8"></script> <script src="//game.gtimg.cn/images/js/mmdVideoPlayer/mmd.videoplayer.min.1.0.1.js" charset="utf-8"></script> <script src="https://www.4hou.com/sihou/login/js/sweetalert.min.js"></script> <link rel="stylesheet" href="https://www.4hou.com/sihou/login/css/sweetalert.css"> <style type="text/css"> .toup{ top: 0px; transition: all .3s linear; } </style> <script src="https://www.4hou.com/sihou/js/index-more.js"></script> <script> (function (doc, win) { var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', // 横屏是否支持，不支持则为浏览器大小改变 // 计算页面字体大小 recalc = function () { // 获取页面宽度 var clientWidth = docEl.clientWidth; // 获取不到页面宽度，直接返回 if (!clientWidth) return; // 设置html字体大小(浏览器默认字体大小为16px) clientWidth = docEl.clientWidth<1000?1000:docEl.clientWidth; if(window.document.domain=="localhost"){ }else{ docEl.style.fontSize = clientWidth / 1980 * 50 + "px"; } }; // 不支持addEventListener,返回 if (!doc.addEventListener) return; // 监听事件，获取当前html标签的字体大小 win.addEventListener(resizeEvt, recalc, false); // dom内容加在完成事件 doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); </script> <script type="text/javascript"> $(document).ready(function(){ var p=0,t=0; var clearTime=self.setInterval("setNavs()",4000) $(window).scroll(function(e){ p = $(this).scrollTop(); if(t<=p){//下滚 $(".homeTab").removeClass("toup"); $(".homeTab").addClass("todown"); }else{//上滚 $(".homeTab").removeClass("todown"); $(".homeTab").addClass("toup"); } if(p==0){ $(".homeTab").removeClass("toup"); $(".homeTab").addClass("todown"); } setTimeout(function(){t = p;},0); }); }); function setNavs(){ $(".homeTab").removeClass("toup"); $(".homeTab").addClass("todown"); } var ias = $.ias({ container: "#content", //包含所有文章的元素 item: ".post", //文章元素 pagination: ".navigation", //分页元素 next: ".nav-previous a", //下一页元素 }); ias.extension(new IASTriggerExtension({ text: 'Load more items', //此选项为需要点击时的文字 offset: 2, //设置此项后，到 offset+1 页之后需要手动点击才能加载，取消此项则一直为无限加载 })); ias.extension(new IASSpinnerExtension()); ias.extension(new IASNoneLeftExtension({ text: 'You reached the end.', // 加载完成时的提示 })); </script> <script> </script> <link rel="stylesheet" type="text/css" href="https://www.4hou.com/sihou/css/animate.min.css?v=1" /> <style type="text/css"> /*.icon {*/ /*display: none !important;*/ /*}*/ .sa-error-container { display: none !important; } .memberlistanimate{width: 122px} .memberlistanimateleave{width: 122px;display: none!important;} .nameheader{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 78px;display: block;} .animated { animation-duration: .3s; animation-fill-mode: both; } .loginclick{ min-width: 236px; } body { padding-top: 50px; } .bannerwrap { width: 1200px; margin: 0 auto; padding-top: 0px; padding-bottom: 28px; overflow: hidden; } .navbox{display: none;} .wanthide .navbox { border-bottom: 0px; position: fixed; width: 530px; overflow: hidden; top: 5px; z-index: 99; display: block; } .wanthide .navboxleft li { line-height: 48px; font-size: 18px; color: #333333; text-align: center; height: 100%; float: left; width: 71px; transition: all .3s linear; } .navboxleft{ margin-left: 15px; } .logowrap { float: left; width: 100px; } .login { width: auto; float: right; margin-top: 20px; position: absolute; right: -36px; } #readMenue.active .triangle_border_down span{ transform: rotate(-90deg); } .triangle_border_down{ width: 0px; height: 0px; border-width: 0px 0px 0; border-style: solid; border-color: #333 transparent transparent; margin: 0 auto; position: absolute; top: 10px; right: -5px; } .triangle_border_down span{ display: block; width: 0; height: 0; border-width: 6px 5px 0; border-style: solid; border-color: #333 transparent transparent; transition: all .3s linear; transform: rotate(0deg); -webkit-transform-origin: center bottom; transform-origin: center center; } .br{ /*display: none;*/ width: 0px; height: 0px; overflow: hidden; border: 0; } #sing { float: right; font-size: 16px; color: #666666; margin-left: 10px; cursor: pointer; margin-right: 40px; } #register { float: right; font-size: 16px; color: #666666; margin-left: 5px; margin-right: 10px; cursor: pointer; position: relative; } #register::after{ content: "|"; position: absolute; top:-1px; right:-12px; display:block; } #submitBtnplace{ float: right; } .login.active{ width:560px; } #search { width: 150px; float: left; display: none; padding-left: 8px; outline: none; border: none; padding-bottom: 2px; font-size: 16px; margin-top: 4px; } .login .contrib { /*display: none!important;*/ width: 65px; height: 28px; border-radius: 15px; border: 1px solid #ff4612; color: #ff4612; line-height: 32px; text-align: center; position: absolute; cursor: pointer; left: 0; top: 0; font-size: 14px; margin-left: -90px; margin-top: -4px; } .btn-click{ position: relative; float: right; background: #fff; z-index: 100; top: 0; right: 0; } .list_nav_two{ width: 100%; display: none; background: #fff; min-height: 150px; position: fixed; box-shadow: 6px 1px 6px #e3e3e3; top: 60px; z-index: 100; left: 0; } @media screen and (max-width: 1220px) { .wanthide .navbox_cen { animation: headers 0.5s 1 forwards; -webkit-animation: headers 0.5s 1 forwards; } .wanthide .navbox { width: 420px; } .navboxleft{ margin-left: 0px; } @-webkit-keyframes headers{ 0%{width:470px;} 100%{ width:470px;} } .wanthide .navboxleft li { width: 80px; } @keyframes headers{ 0%{width:470px;} 100%{ width:470px;} } } @media screen and (max-width: 750px) { .wanthide .navboxleft li { width: 62px; } .wanthide .navbox { width: 270px; } } @media screen and (max-width: 650px){ .wanthide{display: none!important;} /*.wanthide .navboxleft li { width: 60px; }*/ .mobilefooter{ text-align: center!important; } .footer_about a { font-size: 14px; color: #fff; margin-right: 0px!important; float: none!important; } .footer_about{ text-align: center; } } .inSearch{ float: right; position: relative; width: 22px; margin: 0 auto; margin-right: 25px; } .inSearch input { height: 100%; width: 0; padding: 0 20px 0 15px; height: 32px; cursor: pointer; border: none; border-bottom: 2px solid transparent; outline: none; background: transparent; transition: .4s cubic-bezier(0, 0.8, 0, 1); position: absolute; top: -5px; right: -6px; z-index: 2; border-radius: 15px; } .inSearch button { border: none; position: absolute; top: 0; right: 0; transition: .4s cubic-bezier(0, 0.8, 0, 1); cursor: pointer; } .inSearch input:focus { width: 400px; z-index: 1; border: 1px solid #ff4612; } .inSearch input:focus + button{ right: 10px; z-index: 9999999; } .my-dec { text-align: center; } </style> <script> </script> <header class="header" style=display:none> <article class="header_center"> <div class="logowrap"> <a href="/"> <div class="logo icons"></div> </a> </div> <div class="wanthide" style="float: left;"> <nav class="navbox animated"> <section class="navbox_cen"> <article class="navboxleft" style="width:auto;"> <ul class="nav navbar-nav index-nav" id="inNav" style="margin-left: 10px;"> <li class="cat-item cat-item-29"> <a href="https://www.4hou.com" id="first">首页</a> </li> <li id="readMenue" class=""> <a style="cursor: pointer;position: relative;">阅读 <div class="triangle_border_down"> <span id="spans"></span> </div></a> </li> <li> <a href="https://www.4hou.com/category/special">专题</a> </li> <li class="cat-item cat-item-29" id="piao"><a href="https://www.4hou.com/tickets">嘶票</a> </li> <li class="cat-item cat-item-29" id="ke"><a href="https://www.4hou.com/corp">嘶客</a> <img id="new" alt="" src="https://www.4hou.com/sihou/images/1561626446625934.png" style="height: 9px;position: absolute;width: auto;" /> </li> <li class="cat-item cat-item-29" id="sihuo"><a href="https://www.4hou.com/shop">嘶货</a> </li> <li class="cat-item cat-item-29" id="tupu"><a href="https://www.4hou.com/atlas/index" target="_blank">图谱</a> </li> </ul> </article> </section> </nav> </div> <div class="login"> <div class="contrib"> <a href="https://www.4hou.com/contribute" class="tougao" data-event-category="Referral to Signup" data-event-action="click" data-event-label="Signup Menu button / Header">投稿</a> </div> <div class="burger2 menu" id="burger"> <div class="icon"></div> </div> <div class="clearfix btn-click"> <div id="sing"> <a href="https://www.4hou.com/login" class="pzh_login">登录</a> </div> <div id="register"> <a href="https://www.4hou.com/register" data-event-category="Referral to Signup" data-event-action="click" data-event-label="Signup Menu button / Header">注册</a> </div> </div> <form action="https://www.4hou.com/search-post" class="navbar-form inSearch " name="searchform" onsubmit="return checksubmit() "> <div class="br"> <input type="text" name="keywords" autocomplete="off" placeholder="搜索以回车结束..." /> <button type="submit"></button> </div> <script type="text/javascript"> $(function(){ $(".br input").focus(function(){ $(".contrib").hide(); }); $("input[name='s']").blur(function(){ $(".contrib").show(); }); }); </script> <div id="reci" style="width:0px;border:0px;display: none;"> <p>嘶吼</p> <p>安全</p> <p>漏洞</p> </div> </form> </div> </article> </header> <nav class="navbox animated"> <section class="navbox_cen"> <article class="navboxleft" style="width:550px;"> <ul class="nav navbar-nav index-nav" id="inNav" style="margin-left: 10px;"> <li class="cat-item cat-item-29"><a href="https://www.4hou.com" id="first">首页</a> </li> <li> </li> <li> <a href="https://www.4hou.com/category/special">专题</a> </li> <li class="cat-item cat-item-29" id="piao"><a href="https://www.4hou.com/wx/tickets">嘶票</a> </li> <li class="cat-item cat-item-29" id="sihuo"><a href="">嘶货</a> </li> <li class="cat-item cat-item-29" id="tupu"><a href="https://www.4hou.com/atlas/index" target="_blank">图谱</a> </li> </ul> </article> <article class="navboxright"> <div class="contrib"> <a href="https://www.4hou.com/contribute" class="tougao" data-event-category="Referral to Signup" data-event-action="click" data-event-label="Signup Menu button / Header">投稿</a> </div> </article> </section> </nav> <style type="text/css"> .setReads{ position: relative; height:160px; width:1200px; margin:0 auto; background: #fff; } .informations{ position: relative; display:inline-block; width:350px; margin-top:20px; margin-left:176px; height:130px; float: left; } .technology{ position: relative; display:inline-block; width:570px; height:130px; float: left; margin-top:20px; margin-left: 56px; } .informations h4,.technology h4{ font-size: 18px; color:#333333; display: inline-block; position: relative; padding-left: 0px; line-height: 22px; } .informations h4::before,.technology h4::before{ content:" "; display: block; position: absolute; width:4px; height:22px; top:0; left:-22px; background: #eb4f2a; border-radius: 1px; } .list_inav span{ display: inline-block; float: left; width: 86px; height:40px; box-sizing: border-box; padding-top:10px; text-align: left; } .list_inav{ margin-top:12px; } .list_inav span a{ display: inline-block; width:70px; text-align: left; color:#666666!important; font-size: 14px; } .clearfix::after{ content: ""; overflow:hidden; clear: both; display: block; height:0; } </style> <div class="list_nav_two animated slideOutUp"> <div id="hss" style="position: fixed;top:0;left:0;width:100%;height:100vh;"></div> <div class="newwrap setReads clearfix"> <div class="informations"> <h4>资讯</h4> <div class="list_inav clearfix"> <span><a href="https://www.4hou.com/category/other">事件</a></span> <span><a href="https://www.4hou.com/category/%E7%A0%B4%E8%A7%A3%E5%A4%A7%E8%B5%9B">破解大赛 </a></span> </div> </div> <div class="technology"> <h4>技术</h4> <div class="list_inav clearfix"> <span><a href="https://www.4hou.com/category/web">web安全</a></span> <span><a href="https://www.4hou.com/category/business">业务安全 </a></span> <span><a href="https://www.4hou.com/category/binary">二进制安全</a></span> <span><a href="https://www.4hou.com/category/wireless">无线安全 </a></span> <span><a href="https://www.4hou.com/category/system">系统安全</a></span> <span><a href="https://www.4hou.com/category/penetration">内网渗透</a></span> <span><a href="https://www.4hou.com/category/typ">勒索软件 </a></span> <span><a href="https://www.4hou.com/category/tools">安全工具 </a></span> <span><a href="https://www.4hou.com/category/data">数据库安全</a></span> <span><a href="https://www.4hou.com/category/reverse">逆向破解 </a></span> <span><a href="https://www.4hou.com/category/encrypted">加密货币</a></span> <span><a href="https://www.4hou.com/category/malware">恶意软件</a></span> </div> </div> </div> </div> <div id="modelbg"></div> <style type="text/css"> .swiper-container4{height: 574px; overflow: hidden;} .banner_left div a{height: auto;} .information{border:none;padding-top: 15px;padding-left:15px;} .information div a{display: block;} /* .swiper-container4{border:1px solid #ffc2ad;position: relative;} */ .avatar_box{width: 100%} .information li p{padding: 5px 28px 5px 24px} .yyjr{height: 100%} .footerlogos{right: 0px !important} #mask{width: 100%;height: 100%;position: fixed;z-index: 25;left: 0px;top: 0px;background-color: rgba(0,0,0,.6);display: none;} .code-box {padding-top: 40px;display: none;} .code-box {width: 500px;height: 270px;background-color: #fff;position: fixed;left: 50%;margin-left: -200px;top: 28%;z-index: 999;border-radius: 5px;box-shadow: 1px 2px 2px rgba(0,0,0,.4);} .formTitle{margin-top: -40px;font-size: 24px;line-height: 65px;color: #fff;text-align: center;background: #ff3c08;border-radius: 5px 5px 0 0;} .succp{color: #999;font: 14px "微软雅黑";padding: 15px 80px;} .go_band{width: 340px;border:1px solid #ff3d09;border-radius: 5px;line-height: 40px;color: #fff;text-align: center;background: #ff3d09;margin: 10px 20px;margin-bottom: 32px;margin-left:80px;} @media screen and (max-width:650px) { .code-box {padding-top: 40px;display: none;} .code-box {width: 97%;height: 240px;background-color: #fff;position: fixed;left: 50%;margin-left: -200px;top: 28%;z-index: 999;border-radius: 5px;box-shadow: 1px 2px 2px rgba(0,0,0,.4);} .formTitle{margin-top: -40px;font-size: 24px;line-height: 65px;color: #fff;text-align: center;background: #ff3c08;border-radius: 5px 5px 0 0;} .succp{color: #999;font: 14px "微软雅黑";padding: 10px 45px; line-height: 30px;} .go_band{width: 78%;border:1px solid #ff3d09;color: #fff;background: #ff3d09;margin-left:45px;} } .yyjr li i { display: block; width: 6px; height: 6px; background-color: #ff4612; border-radius: 50%; position: absolute; margin-top: 9px; } </style> <style type="text/css"> #swipertl .swiper-slide img{ transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } #swipertl .swiper-slide:hover img{ -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); } #swipertl .swiper-slide:hover h1::before { width: 90%; margin-left: -45%; -webkit-transition: all 0.35s, -webkit-transform 0.35s; transition: all 0.35s, transform 0.35s; } #swipertl .swiper-slide h1::before { content: ""; width: 0px; height: 1px; background-color: rgba(255,255,255,.6); position: absolute; top: 10px; left: 50%; } .useful .new_img a{ display: block; position: relative; } .new_bottom .newtype{margin-top: 0px; position: absolute; left: 50%;} .avatar_box { width: auto; } #swipertl .swiper-pagination-bullet:hover{ background: #fff; } #lis li:last-child{ overflow: hidden; } .clearfix:after{ display: block; clear:both; height:0; content: ""; visibility: hidden; overflow:hidden; } .cleardix{ zoom:1; } .new_right { width: 320px; float: right; margin-top: -64px; } .bannerwrap{ padding-bottom: 15px; } .banner_right { width: 280px; height: 360px; float: right; } .banner_rightT{ width: 320px; height: 360px; background: #fff; margin-left: 21px; } .homenewwrap { padding-left: 0; } .homeTab{ width: 860px; height: 54px; background: #fff; } .homeTab ul li{float: left;font-size: 16px;font-weight: 400;line-height:48px; padding:0 18px;cursor:pointer;border-top: 3px solid #fff; } .homeTab ul .active{border-top: 3px solid #ff4612;line-height: 48px;} .information li { position: relative; margin-bottom: 25px; cursor: pointer; overflow: hidden; } #lis h1{ border: none; } #lis li h2{padding-left: 32px;color: #a1a1a1;} #lis li p{ padding-left: 33px;} .new_right_bottom ul { padding-top: 0px; overflow: hidden; position: relative; padding-bottom: 43px; } #lis li:first-child>.rc_line{ background: #ccc; } #lis li:first-child>i{ background: #fff; border: 1px solid #ccc; } #lis li:first-child>a>p{ color: #ccc; } #lis li:first-child>a>p:hover{ color: #ccc; } .new_right_bottom>div>ul li i { float: left; width: 7px; height: 7px; background-color: #ff4612; border-radius: 50%; margin-top: 5px; margin-left: 8px; margin-right: 8px; z-index: 99; position: relative; top: -18px; } .new_right_bottom>div>ul li p { float: left; width: 100%; color: #333333; font-size: 14px; margin-left: 0; margin-top: 0; } .new_right_bottom>div>ul li { position: relative; overflow: initial; cursor: pointer; padding: 10px 14px; margin-left: 0; } .new_right_bottom>div>ul li:hover { background-color: #fff; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rc_line { height: 100%; width: 1px; background-color: #ff4612; position: absolute; left: 25px; z-index: 9; top: 25px; } .new_right_bottom { background: #fff; } .new_right_bottomT{ background: #fff; position: relative; } .new_right_bottomT ul{ background:#fff; } .new_right_bottomT>h1{ color: #333333; font-size: 20px; line-height: 50px; font-weight: 900; } .new_right_bottomT_ul img{ width: 112px; height: 70px; float: left; margin-top: 20px; margin-right: 15px; margin-left: 21px; } .new_right_bottomT_ul p{ font-size: 13px; padding-top: 20px; padding-right: 21px; } .new_right_bottomT_ul li{ height: 110px; border-top: 1px solid #ccc; } .new_right_bottomT_ul li .time_p{ color: #ccc; } .new_right_bottomT_ul li:first-child{ height: auto; padding-bottom: 10px; border: none; } .new_right_bottomT_ul li:first-child>a>p{ padding: 0 25px !important; font-size: 15px; } #swipertl .swiper-scrollbar{ display: block; } #swipertl .swiper-scrollbar { position: absolute; right: 1%; bottom: 15px; left: auto; z-index: 50; height: 6px; width: 98%; background: rgba(255, 255, 255, 0)!important; text-align: right; } #swipertl .swiper-container-horizontal>.swiper-scrollbar{ position: absolute; right: 1%; bottom: 10px; z-index: 50; height: 14px; width: 99%; text-align: right; } #swipertl .swiper-pagination-bullet { width: 24px; height: 6px; display: inline-block; border-radius: 8px; background: #cecdcd; opacity: .2; } #swipertl .swiper-pagination-bullet-active { opacity: 1; background: #fff; } .loops .swiper-scrollbar{ display: block; } .loops .swiper-slide{ position: relative; } .loops .swiper-scrollbar { position: absolute; right: 1%; bottom: 3px; left: auto; z-index: 50; height: 18px; width: 98%; background: #fff0!important; text-align: right; } .loops .swiper-container-horizontal>.swiper-scrollbar{ position: absolute; right: 1%; bottom: -90px; z-index: 50; height: 14px; width: 99%; text-align: right; } .loops .swiper-pagination-bullet { width: 23px; height: 4px; display: inline-block; border-radius: 8px; background: #fdbaaa; opacity: .2; } .loops .swiper-pagination-bullet-active { opacity: 1; background: #ec4f2a; } .bannerwrap .banner_rightT .top_tipsT{ width:100%!important; height:50px!important; } .top_tipsT h4{ font-size: 16px; color: #333333; float: left; margin-left:15px; margin-top:15px; } .top_tipsT a{ font-size: 14px; color:#333333; float: right; margin-right: 13px; margin-top:15px; } .banner_right>div.loops>div{ width: 320px!important; position: relative; } .banner_right>div.loops{ width:320px!important; height: 310px!important; } .loops .swiper-containertr{ width:100%; height:210px; } .loops img{ width:100%!important; height: 100%!important; } .loops .times{ font-size: 14px; color: #999999; display: block; bottom: -20px; left: 20px; position: absolute; } .banner_right .loops h1{ text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; height: 70px; padding-left: 20px; padding-right: 20px; line-height: 22px; padding-top: 12px; padding-bottom: 12px; color: #333; position: relative; top:auto; background: #fff; bottom:auto; } .clearfix:after{ content:""; height:0; clear: both; overflow: hidden; display: block; } .homenewwrap .new_left .useful{ max-height: 242px; margin-bottom: 20px; height: auto; } .useful>a{ display: inline-block; width:100%; padding-left: 18px; } .new_img h4.bo-tit { font-size: 14px; height: 48px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; bottom: 0; left: 0; width: 100%; padding: 4px 10px; } .useful>ol{ display: block; width: 834px; margin: 0 auto; overflow: inherit; margin-top: 20px; } .useful .new_img h4.bo-tit { font-size: 16px; color: #333; font-weight: bold; line-height: 23px; max-height: 58px; height: auto; -webkit-line-clamp: 2; padding-top: 11px; padding-left: 4px; padding-right: 4px; padding-bottom: 0px; } .useful>ol>.new_img:nth-child(3n){ margin-right: 0; } .avatar_box .mem_level { margin-left: 6px !important; vertical-align: top; margin-top: 8px; } body{ padding-top: 60px; } .useful>.new_bottom{ padding-left: 20px; padding-right: 48px; margin-top: 25px; } @media screen and (max-width: 1220px){.banner_right{display:none;}} @media screen and (max-width: 650px){ #new-post{display: none;} .new_con .avatar_box{ height:14px !important;width:100%!important; } } .banner_rightT .mores{ color: #ff4612!important; font-size: 14px; width: 296px; margin: 0 auto; display: block; text-align: center; height: 40px; line-height: 38px; border:1px solid #ff4612; border-radius: 20px; } .newActive{ position: absolute; top: 170px; left: 12px; font-size: 14px; letter-spacing: 0px; color: #ffffff; width: 84px; height: 30px; line-height: 30px; text-align: center; background-color: #be5033; border-radius: 15px; z-index: 10; } @media screen and (max-width: 650px){ .swiper-containerlr { width: 94vw!important; overflow: hidden; }} @-webkit-keyframes newleft{ 0%{margin-left:0px;} 100%{} } @keyframes newleft{ 0%{margin-left:0px;} 100%{margin-left:10%} } </style> <meta name="csrf-token" content="yNRoZgHoqluvghwVWLQVo53QAWJXXQA0eZLDg56r"> <body style="padding-top:0px;"> <div class="viewLinks" id="Block3D" style="width:100%;position:fixed;top:0;left:0;height:100vh;z-index: 10;"> <div class="linkVideos"> <div class="viewBg" style="background-image: url(https://www.4hou.com/atlas/img/backgroundmap.jpg);"> <div id="container"></div> <div view-mode="h" view-rotation="auto" view-scale="noborder" view-width="1920" view-height="1080" view-align=""> <div style="position: absolute;"> <video id="video" style="display:none;"></video> </div> </div> <div class="viewBgHxin" style="background-image:url(https://www.4hou.com/atlas/img/bgHexin.png);"></div> <div class="viewBgLeftBox" style="background-image:url(https://www.4hou.com/atlas/img/combin-tl.png);"></div> <div class="viewBgLeftBox2" style="background-image:url(https://www.4hou.com/atlas/img/combin-bl.png);"></div> <div class="viewBgLeftline" style="background-image:url(https://www.4hou.com/atlas/img/leftline.png);"></div> <div class="viewBgRightNr" style="background-image:url(https://www.4hou.com/atlas/img/combin-nr.png);"></div> <div class="viewBgRight" style="background-image:url(https://www.4hou.com/atlas/img/combin-tr.png);"></div> <div class="viewBgBottom" style="background-image:url(https://www.4hou.com/atlas/img/bottom-b.png);"></div> <div class="viewBgTop" style="background-image:url(https://www.4hou.com/atlas/img/top.png);"> <img class="text-Show" src="https://www.4hou.com/atlas/img/text.png" alt=""> <div class="inputLinks"> <input type="text" placeholder="输入内容" id="searchContent" id="serchInput"> <i class="icon-search" id="buttonClickSearch"></i>  </div> </div> <img class="logo5" src="https://www.4hou.com/atlas/img/lo-05.png" alt=""> <img class="logo2" src="https://www.4hou.com/atlas/img/lo-02.png" alt=""> <img class="logo6" src="https://www.4hou.com/atlas/img/lo-06.png" alt=""> <img class="logo7" src="https://www.4hou.com/atlas/img/lo-07.png" alt=""> <img class="logo1" src="https://www.4hou.com/atlas/img/lo-01.png" alt=""> <div class="bottomBtnArea" style="bottom:1rem;"> <div class="btnarea" id="moreTo"> <a href="https://www.4hou.com/atlas/new-index"> <span>查看完整图谱</span><i class="icon-sharea"></i> </a> </div> </div> </div> </div> </div> <div id="blockTwo" style="display: none">  <div class="myBanner"> <div class="myContain clearfix"> <div class="blockPosition"> <div class="left-banner"> <img class="b-img1" src="https://img.4hou.com/atlas/images/0c750eae51c147eb90f0b181511ef0be.png" alt=""> <p class="b-dec">建立最完整的网络安全行业产业链图谱，精准展示各细分领域的网络安全产品及服务，帮助政企组织解决网络安全产品的搭配困境。</p> <div class="btn-function"> <a href="https://img.4hou.com/atlas/download/2022嘶吼图谱下载版.zip" class="down-tu"><span>图谱下载</span><i class="icon-down"></i></a> </div> </div> <div class="right-banner"> <img class="fun-img" src="https://www.4hou.com/atlas/img/8C54FB42-4635-4E8A-92EF-E7620B56618C.png" alt=""> </div> </div> </div> </div> <div class="search-products"> <div class="myContain"> <h4><img src="https://www.4hou.com/atlas/img/searchImg.png " alt=""></h4> <div class="searchBlock"> <i class="search-icon"></i> <input type="text" autocomplete="off" placeholder="搜索产品" id="searchContent1" id="serchInput1"> <div class="searchList" id="searchArea2"> </div> </div> </div> </div> <div class="productListshow"> <div class="myContain"> <div class="tabLists"> <div class="item " data-value="网络纵深防御"> 网络纵深防御 </div> <div class="item " data-value="基础设施安全"> 基础设施安全 </div> <div class="item " data-value="端点防护"> 端点防护 </div> <div class="item " data-value="数据安全"> 数据安全 </div> <div class="item " data-value="基础安全技术"> 基础安全技术 </div> <div class="item " data-value="云安全"> 云安全 </div> <div class="item " data-value="威胁对抗/防控"> 威胁对抗/防控 </div> <div class="item " data-value="身份安全"> 身份安全 </div> <div class="item " data-value="安全指挥控制/安全管理平台"> 安全指挥控制/安全管理平台 </div> <div class="item " data-value="开发安全"> 开发安全 </div> <div class="item " data-value="业务安全"> 业务安全 </div> <div class="item " data-value="产业安全"> 产业安全 </div> <div class="item " data-value="政策合规支撑"> 政策合规支撑 </div> <div class="item " data-value="安全服务"> 安全服务 </div> <div class="item " data-value="新兴安全领域"> 新兴安全领域 </div> </div> </div> <div id="myContent"> </div> </div> <div class="productListshow" style="display: none"> <div class="myContain"> <div class="tabLists"> <div class="item active" data-value="参数"> 网络纵深防御 </div> <div class="item" data-value="参数">基础设施安全</div> <div class="item" data-value="参数">端点防护</div> <div class="item" data-value="参数">数据安全</div> <div class="item" data-value="参数">云安全</div> <div class="item" data-value="参数">威胁对抗/防控</div> <div class="item" data-value="参数">身份安全</div> <div class="item" data-value="参数">安全指挥控制/安全管理平台</div> <div class="item" data-value="参数">开发安全</div> <div class="item" data-value="参数">业务安全</div> <div class="item" data-value="参数">产业安全</div> <div class="item" data-value="参数">政策合规支撑</div> <div class="item" data-value="参数">安全服务</div> <div class="item" data-value="参数">新安全领域</div> </div> </div> <div class="myContain"> <h4 class="lineTitle">网络纵深防御</h4> <div class="defenseList"> <div class="itemOut clearfix"> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">网络访问控制</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>数据包过滤防火墙</a><span></span> <a>状态检查防火墙</a><span></span> <a>应用层防火墙</a><span></span> <a>统一威胁管理UTM</a><span></span> <a>NGFW</a><span></span> <a>AIFW</a><span></span> </div> </div> </div> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">安全访问服务边界 SASE</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>安全Web网关 SWG</a><span></span> <a>CSAB</a><span></span> <a>零信任网络访问 ZTNA</a><span></span> <a>SD-WAN</a><span></span> <a>FWaaS</a><span></span> </div> </div> </div> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">Web安全</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>WAF</a><span></span> <a>Web漏扫和应用监控</a><span></span> <a>网页防篡改</a><span></span> <a>反爬虫</a><span></span> <a>反钓鱼</a><span></span> </div> </div> </div> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">网络安全防护策略管理</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>防火墙策略可视化</a><span></span> <a>统一策略管理与优化</a><span></span> <a>网页防篡改</a><span></span> <a>Breach and Attack Simulation</a><span></span> </div> </div> </div> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">网络接入管控</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>IPSec VPN</a><span></span> <a>SSL VPN</a><span></span> <a>零信任VPN</a><span></span> </div> </div> </div> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">抗DDoS</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>抗DDoS</a><span></span> </div> </div> </div> <div class="item"> <div class="item-show"> <div class="showTopItem"> <span class="itemTitle">网络准入控制 NAC</span> <a class="toLinks" href="#"> <i class="right-icon"></i> </a> </div> <div class="flexLine"> <a>网络接入管控</a><span></span> </div> </div> </div> </div> </div> </div> </div> <div class="changshang"> <h4 class="product-Sign"><span>入驻厂商</span></h4> <div class="logoList"> <div class="myContain"> <img id="MoveImg" src=" https://www.4hou.com/atlas/img/bglogo9.png " alt=""> <div class="sortstyle" id="sortstyleone">入驻厂商持续更新中</div> <div class="sortstyle">* 以上排序不分先后</div> </div> <style> </style> <div id="mobileSwiper" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="BannerImgSwiper"> <img src="https://www.4hou.com/atlas/img/lo1.png " alt=""> <div class="sortstyle" style="margin-top: 10px;">入驻厂商持续更新中</div> <div class="sortstyle">* 以上排序部分先后</div> </div> </div> <div class="swiper-slide"> <div class="BannerImgSwiper"> <img src="https://www.4hou.com/atlas/img/lo2.png " alt=""> <div class="sortstyle" style="margin-top: 10px;">入驻厂商持续更新中</div> <div class="sortstyle">* 以上排序部分先后</div> </div> </div> <div class="swiper-slide"> <div class="BannerImgSwiper"> <img src="https://www.4hou.com/atlas/img/lo3.png " alt=""> <div class="sortstyle" style="margin-top: 10px;">入驻厂商持续更新中</div> <div class="sortstyle">* 以上排序部分先后</div> </div> </div> <div class="swiper-slide"> <div class="BannerImgSwiper"> <img src="https://www.4hou.com/atlas/img/lo4.png " alt=""> <div class="sortstyle" style="margin-top: 10px;">入驻厂商持续更新中</div> <div class="sortstyle">* 以上排序部分先后</div> </div> </div> </div>  </div> </div> </div> <div class="footerProduct" > <div class="topFooter" id="topFooterid"> <div class="myContain"> <h4 class="titleSign">安全厂商入驻</h4> <div class="clearfix footerList"> <div class="footerItem"> <div class="itemInner"> <div> <h4><img src="https://www.4hou.com/atlas/img/call.png"><span>联系方式</span></h4> <p>shankala@4hou.com</p> </div> <div class="imgFooterShowErcode"> <img src="https://img.4hou.com/uploads/20211013/d5b3b2490ed1697282434dc8f6474d34.png" alt=""> </div> </div> </div> <div class="footerItem"> <div class="itemInner short"> <div> <h4><img src="https://www.4hou.com/atlas/img/talk.png"><span>产品咨询</span></h4> <p></p> </div> <div class="imgFooterShowErcode"> <img src="https://img.4hou.com/uploads/20211013/d5b3b2490ed1697282434dc8f6474d34.png" alt=""> </div> </div> </div> </div> </div> </div> <div class="bottomFooter"> <div class="btn-function"> <a href="https://img.4hou.com/atlas/download/2022嘶吼图谱下载版.zip" target="_blank" class="down-zi"><span>图谱下载</span></a> </div> </div> </div> </div> </body> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script> <script> var mySwiperMobile = new Swiper ('#mobileSwiper', { // direction: 'vertical', // 垂直切换选项 loop: true, // 循环模式选项 autoplay:2000, delay: 2000, pagination: '.swiper-pagination', paginationClickable: true, }) window.onload=function(){ var img_move=document.getElementById('MoveImg');//获得元素DOM var Xstart=0,Ystart=0,Xmove=0,Ymove=0,top=0,left=0; //定义变量 img_move.ontouchstart=function(e){ var e=e||window.event; Xstart=e.touches[0].clientX;//获得触屏点横坐标 Ystart=e.touches[0].clientY;//获得触屏点纵坐标 //alert(e.touches.length) 获得当前屏幕上所有手指列表 } img_move.ontouchmove=function(e){ var e=e||window.event; event.preventDefault();//阻止页面滑动 Xmove=e.changedTouches[0].clientX;//获得滑动时的触点横坐标 Ymove=e.changedTouches[0].clientY;//获得滑动时的触点纵坐标 img_move.style.top=0+"px";//对图片的下一次滑动操作时的定位 if(left+Xmove-Xstart>0){ img_move.style.left=0+"px"; }else if(left+Xmove-Xstart+img_move.width-document.body.clientWidth<0){ img_move.style.left=-img_move.width+document.body.clientWidth+"px"; }else{ img_move.style.left=left+Xmove-Xstart+"px"; } } img_move.ontouchend=function(){ top=parseInt(img_move.style.top);//获得上一次滑动结束后的图片坐标 left=parseInt(img_move.style.left); } } function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } if(IsPC()){ document.οnkeydοwn=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==40){ //下 e.preventDefault ? e.preventDefault() : e.returnValue = false; } if(e && e.keyCode==37){ //左 e.preventDefault ? e.preventDefault() : e.returnValue = false; } if(e && e.keyCode==39){ //右 e.preventDefault ? e.preventDefault() : e.returnValue = false; } if(e && e.keyCode==38){ // 上 e.preventDefault ? e.preventDefault() : e.returnValue = false; } }; ;(function(MMD){ var src='./img/audio_1.mp4'; var videoPlayer=new MMD.VideoPlayer( { videoElement:document.getElementById('video'),//[必填],video元素; src:src,//[必填],video src; loop:true,//[可选],是否循环,默认false,true为循环; muted:false,//[可选],是否静音,默认false,IOS下只有IOS10生效,安卓生效; poster:'',//[可选],video默认图片; tryMultipleVideoPlayAtTheSameTime:false,//[可选],尝试同时播放多个视频,默认false; } ); //当isVideoCanAutoPlay属性为true时,则代表允许自动播放; //false时,则需要通过用户点击才能播放视频; function handle(e){ videoPlayer.play(); document.body.removeEventListener("click",handle,false) } if(videoPlayer.isVideoCanAutoPlay) { videoPlayer.play(); } else { console.log("click to play"); document.body.addEventListener("click",handle,false); //click to play; } })(MMD) } ;(function(THREE,window){ var table = [ "密码机", "Neon", " https://www.4hou.com/atlas/new-atlas-list/密码机", 18, 2, "密码管理系统", "Sodium", " https://www.4hou.com/atlas/new-atlas-list/密码管理系统", 1, 3, "电子水印", "Phosphorus", "https://www.4hou.com/atlas/new-atlas-list/电子水印", 15, 3, "量子密钥", "Sulfur", "https://www.4hou.com/atlas/new-atlas-list/量子密钥", 16, 3, "密码评测", "Chlorine", "https://www.4hou.com/atlas/new-atlas-list/密码评测", 17, 3, "身份访问管理（IAM）", "Argon", " https://www.4hou.com/atlas/new-atlas-list/身份访问管理（IAM）", 18, 3, "特权账号管理", "Potassium", "https://www.4hou.com/atlas/new-atlas-list/特权账号管理", 1, 4, "零信任", "Calcium", " https://www.4hou.com/atlas/new-atlas-list/零信任", 2, 4, "堡垒机", "Scandium", " https://www.4hou.com/atlas/new-atlas-list/堡垒机", 3, 4, "数字证书", "Titanium", " https://www.4hou.com/atlas/new-atlas-list/数字证书", 4, 4, "仿真", "Vanadium", " https://www.4hou.com/atlas/new-atlas-list/仿真", 5, 4, "审计", "Chromium", " https://www.4hou.com/atlas/new-atlas-list/审计", 6, 4, "网络监控与可视化分析", "Manganese", " https://www.4hou.com/atlas/new-atlas-list/网络监控与可视化分析", 7, 4, "服务器监控", "Gallium", " https://www.4hou.com/atlas/new-atlas-list/服务器监控", 13, 4, "防火墙", "Germanium", " https://www.4hou.com/atlas/new-atlas-list/防火墙", 14, 4, "网络接入管理", "Arsenic", " https://www.4hou.com/atlas/new-atlas-list/网络接入管理", 15, 4, "网络安全审计", "Selenium", " https://www.4hou.com/atlas/new-atlas-list/网络安全审计", 16, 4, "网络隔离", "Bromine", " https://www.4hou.com/atlas/new-atlas-list/网络隔离", 17, 4, "应用交付", "Krypton", " https://www.4hou.com/atlas/new-atlas-list/应用交付", 18, 4, "抗DDOS", "Rubidium", " https://www.4hou.com/atlas/new-atlas-list/抗DDOS", 1, 5, "下一代防火墙", "Yttrium", "https://www.4hou.com/atlas/new-atlas-list/下一代防火墙", 3, 5, "安全访问服务边缘（SASE）", "Zirconium", " https://www.4hou.com/atlas/new-atlas-list/安全访问服务边缘（SASE）", 4, 5, "SD-WAN", "Niobium", "https://www.4hou.com/atlas/new-atlas-list/SD-WAN", 5, 5, "加密通信", "Molybdenum", " https://www.4hou.com/atlas/new-atlas-list/加密通信", 6, 5, "5G安全", "Technetium", " https://www.4hou.com/atlas/new-atlas-list/5G安全", 7, 5, "安全意识培训", "Ruthenium", " https://www.4hou.com/atlas/new-atlas-list/安全意识培训", 8, 5, "技术人才培训", "Rhodium", " https://www.4hou.com/atlas/new-atlas-list/技术人才培训", 9, 5, "可拓展威胁检测与响应（XDR）", "Palladium", " https://www.4hou.com/atlas/new-atlas-list/可拓展威胁检测与响应（XDR）", 10, 5, "SIEM／SOC", "Silver", " https://www.4hou.com/atlas/new-atlas-list/SIEM／SOC", 11, 5, "网络资产测绘", "Cadmium", "https://www.4hou.com/atlas/new-atlas-list/网络资产测绘", 12, 5, "漏洞检测", "Indium", " https://www.4hou.com/atlas/new-atlas-list/漏洞检测", 13, 5, "脆弱性评估与管理", "Tin", " https://www.4hou.com/atlas/new-atlas-list/脆弱性评估与管理", 14, 5, "安全自动化／协作（SOAR）", "Antimony", " https://www.4hou.com/atlas/new-atlas-list/安全自动化／协作（SOAR）", 15, 5, "用户实体行为分析（UEBA）", "Tellurium", "https://www.4hou.com/atlas/new-atlas-list/用户实体行为分析（UEBA）", 16, 5, "安全管理运维", "Iodine", " https://www.4hou.com/atlas/new-atlas-list/安全管理运维", 17, 5, "安全集成", "Xenon", " https://www.4hou.com/atlas/new-atlas-list/安全集成", 18, 5, "态势感知", "Caesium", " https://www.4hou.com/atlas/new-atlas-list/态势感知", 1, 6, "外部攻击面管理（EASM）", "Barium", " https://www.4hou.com/atlas/new-atlas-list/外部攻击面管理（EASM）", 2, 6, "网络资产攻击面管理（CAASM）", "Lanthanum", " https://www.4hou.com/atlas/new-atlas-list/网络资产攻击面管理（CAASM）", 4, 9, "流量分析", "Cerium", " https://www.4hou.com/atlas/new-atlas-list/流量分析", 5, 9, "APT高级威胁与勒索软件防护", "Praseodymium", " https://www.4hou.com/atlas/new-atlas-list/APT高级威胁与勒索软件防护", 6, 9, "欺骗式防御／Deception", "Neodymium", " https://www.4hou.com/atlas/new-atlas-list/欺骗式防御／Deception", 7, 9, "社会工程学与反钓鱼", "Promethium", "https://www.4hou.com/atlas/new-atlas-list/社会工程学与反钓鱼", 8, 9, "动态防御", "Samarium", " https://www.4hou.com/atlas/new-atlas-list/动态防御", 9, 9, "渗透测试", "Europium", " https://www.4hou.com/atlas/new-atlas-list/渗透测试", 10, 9, "演练保障", "Gadolinium", " https://www.4hou.com/atlas/new-atlas-list/演练保障", 11, 9, "重保支持", "Terbium", " https://www.4hou.com/atlas/new-atlas-list/重保支持", 12, 9, "威胁情报", "Dysprosium", " https://www.4hou.com/atlas/new-atlas-list/威胁情报", 13, 9, "入侵检测与防御IPS／DPS", "Holmium", " https://www.4hou.com/atlas/new-atlas-list/入侵检测与防御IPS／DPS", 14, 9, "溯源取证", "Erbium", " https://www.4hou.com/atlas/new-atlas-list/溯源取证", 15, 9, "入侵与攻击模拟（BAS）", "Thulium", " https://www.4hou.com/atlas/new-atlas-list/入侵与攻击模拟（BAS）", 16, 9, "合规检测", "Ytterbium", " https://www.4hou.com/atlas/new-atlas-list/合规检测", 17, 9, "网络安全保险", "Lutetium", " https://www.4hou.com/atlas/new-atlas-list/网络安全保险", 18, 9, "云安全架构", "Hafnium", " https://www.4hou.com/atlas/new-atlas-list/云安全架构", 4, 6, "云原生安全", "Tantalum", " https://www.4hou.com/atlas/new-atlas-list/云原生安全", 5, 6, "云应用安全", "Tungsten", " https://www.4hou.com/atlas/new-atlas-list/云应用安全", 6, 6, "WAF云安全防护", "Rhenium", " https://www.4hou.com/atlas/new-atlas-list/WAF云安全防护", 7, 6, "云基础设施安全", "Osmium", " https://www.4hou.com/atlas/new-atlas-list/云基础设施安全", 8, 6, "云平台安全管理", "Iridium", " https://www.4hou.com/atlas/new-atlas-list/云平台安全管理", 9, 6, "云抗D", "Platinum", "https://www.4hou.com/atlas/new-atlas-list/云抗D", 10, 6, "微隔离", "Gold", " https://www.4hou.com/atlas/new-atlas-list/微隔离", 11, 6, "云安全态势管理CSPM", "Mercury", " https://www.4hou.com/atlas/new-atlas-list/云安全态势管理CSPM", 12, 6, "容器安全", "Thallium", " https://www.4hou.com/atlas/new-atlas-list/容器安全", 13, 6, "云主机安全", "Lead", " https://www.4hou.com/atlas/new-atlas-list/云主机安全", 14, 6, "移动终端安全", "Bismuth", " https://www.4hou.com/atlas/new-atlas-list/移动终端安全", 15, 6, "移动应用安全", "Polonium", " https://www.4hou.com/atlas/new-atlas-list/移动应用安全", 16, 6, "移动威胁防御", "Astatine", " https://www.4hou.com/atlas/new-atlas-list/移动威胁防御", 17, 6, "SDK安全", "Radon", " https://www.4hou.com/atlas/new-atlas-list/SDK安全", 18, 6, "移动综合安全管理", "Francium", " https://www.4hou.com/atlas/new-atlas-list/移动综合安全管理", 1, 7, "工控防火墙", "Radium", " https://www.4hou.com/atlas/new-atlas-list/工控防火墙", 2, 7, "工控安全管理", "Actinium", " https://www.4hou.com/atlas/new-atlas-list/工控安全管理", 4, 10, "工控系统安全防护", "Thorium", " https://www.4hou.com/atlas/new-atlas-list/工控系统安全防护", 5, 10, "工控安全审计", "Protactinium", " https://www.4hou.com/atlas/new-atlas-list/工控安全审计", 6, 10, "物联网安全", "Uranium", " https://www.4hou.com/atlas/new-atlas-list/物联网安全", 7, 10, "区块链安全", "Neptunium", " https://www.4hou.com/atlas/new-atlas-list/区块链安全", 8, 10, "车联网安全", "Plutonium", " https://www.4hou.com/atlas/new-atlas-list/车联网安全", 9, 10, "基础设施安全", "Americium", " https://www.4hou.com/atlas/new-atlas-list/基础设施安全", 10, 10, "业务安全", "Curium", " https://www.4hou.com/atlas/new-atlas-list/业务安全", 11, 10, "内容安全", "Berkelium", " https://www.4hou.com/atlas/new-atlas-list/内容安全", 12, 10, "视频安全", "Californium", "https://www.4hou.com/atlas/new-atlas-list/视频安全", 13, 10, "信创主机安全及管理平台", "Einstenium", " https://www.4hou.com/atlas/new-atlas-list/信创主机安全及管理平台", 14, 10, "信创防火墙", "Fermium", " https://www.4hou.com/atlas/new-atlas-list/信创防火墙", 15, 10, "信创堡垒机", "Mendelevium", " https://www.4hou.com/atlas/new-atlas-list/信创堡垒机", 16, 10, "信创态势感知平台", "Nobelium", "https://www.4hou.com/atlas/new-atlas-list/信创态势感知平台", 17, 10, "信创网关（下一代防火墙）", "Lawrencium", " https://www.4hou.com/atlas/new-atlas-list/信创网关（下一代防火墙）", 18, 10, "端点检测与响应（EDR）", "Rutherfordium", " https://www.4hou.com/atlas/new-atlas-list/端点检测与响应（EDR）", 4, 7, "端点防护", "Dubnium", " https://www.4hou.com/atlas/new-atlas-list/端点防护", 5, 7, "主机防护", "Seaborgium", "https://www.4hou.com/atlas/new-atlas-list/主机防护", 6, 7, "终端安全综合管理", "Bohrium", "https://www.4hou.com/atlas/new-atlas-list/终端安全综合管理", 7, 7, "勒索病毒专项防护", "Hassium", " https://www.4hou.com/atlas/new-atlas-list/勒索病毒专项防护", 8, 7, "恶意软件防护", "Meitnerium", " https://www.4hou.com/atlas/new-atlas-list/恶意软件防护", 9, 7, "数据综合治理", "Darmstadium", "https://www.4hou.com/atlas/new-atlas-list/数据综合治理", 10, 7, "数据库安全", "Roentgenium", " https://www.4hou.com/atlas/new-atlas-list/数据库安全", 11, 7, "数据防泄露（DLP）", "Copernicium", "https://www.4hou.com/atlas/new-atlas-list/数据防泄露（DLP）", 12, 7, "文件管理与加密", "Unutrium", " https://www.4hou.com/atlas/new-atlas-list/文件管理与加密", 13, 7, "隐私计算", "Flerovium", " https://www.4hou.com/atlas/new-atlas-list/隐私计算", 14, 7, "数据资产梳理", "Ununpentium", " https://www.4hou.com/atlas/new-atlas-list/数据资产梳理", 15, 7, "容灾备份", "Livermorium", " https://www.4hou.com/atlas/new-atlas-list/容灾备份", 16, 7, "数据流动", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/数据流动", 17, 7, "数据安全态势感知", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/数据安全态势感知", 18, 7, "数据脱敏", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/数据脱敏", 19, 7, "大数据风控", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/大数据风控", 20, 7, "舆情监测", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/舆情监测", 21, 7, "数据分类分级", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/数据分类分级", 22, 7, "数字水印", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/数字水印", 23, 7, "数据安全合规审计", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/数据安全合规审计", 24, 7, "开发安全生命周期（SDL）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/开发安全生命周期（SDL）", 25, 7, "源代码安全", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/源代码安全", 24, 7, "Web应用防护（WAF）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/Web应用防护（WAF）", 24, 7, "Web漏洞扫描与监控", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/Web漏洞扫描与监控", 24, 7, "邮件安全", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/邮件安全", 24, 7, "API安全", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/API安全", 24, 7, "网页防篡改", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/网页防篡改", 24, 7, "运行时应用程序自我保护（RASP）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/运行时应用程序自我保护（RASP）", 24, 7, "WAAP", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/WAAP", 24, 7, "软件成分分析（SCA）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/软件成分分析（SCA）", 24, 7, "软件管控平台", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/软件管控平台", 24, 7, "静态应用程序安全测试（SAST）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/静态应用程序安全测试（SAST）", 24, 7, "动态应用程序安全测试（DAST）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/动态应用程序安全测试（DAST）", 24, 7, "交互式应用安全测试（IAST）", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/交互式应用安全测试（IAST）", 24, 7, "开发环境安全", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/开发环境安全", 24, 7, "DevSecOps", "Ununseptium", " https://www.4hou.com/atlas/new-atlas-list/DevSecOps", 24, 7, ]; // var table = [ // "网络纵深防御", "Hydrogen", "1.00794", 1, 1, // "He", "Helium", "4.002602", 18, 1, // "Li", "Lithium", "#6.941", 1, 2, // "Be", "Beryllium", "9.012182", 2, 2, // "B", "Boron", "#10.811", 13, 2, // "C", "Carbon", "#12.0107", 14, 2, // "N", "Nitrogen", "#14.0067", 15, 2, // "O", "Oxygen", "#15.9994", 16, 2, // "F", "Fluorine", "18.9984032", 17, 2, // "Ne", "Neon", "#20.1797", 18, 2, // "Na", "Sodium", "22.98976...", 1, 3, // "Mg", "Magnesium", "#24.305", 2, 3, // "Al", "Aluminium", "26.9815386", 13, 3, // "Si", "Silicon", "#28.0855", 14, 3, // "P", "Phosphorus", "30.973762", 15, 3, // "S", "Sulfur", "#32.065", 16, 3, // "Cl", "Chlorine", "#35.453", 17, 3, // "Ar", "Argon", "#39.948", 18, 3, // "K", "Potassium", "#39.948", 1, 4, // "Ca", "Calcium", "#40.078", 2, 4, // "Sc", "Scandium", "44.955912", 3, 4, // "Ti", "Titanium", "#47.867", 4, 4, // "V", "Vanadium", "#50.9415", 5, 4, // "Cr", "Chromium", "#51.9961", 6, 4, // "Mn", "Manganese", "54.938045", 7, 4, // "Fe", "Iron", "#55.845", 8, 4, // "Co", "Cobalt", "58.933195", 9, 4, // "Ni", "Nickel", "#58.6934", 10, 4, // "Cu", "Copper", "#63.546", 11, 4, // "Zn", "Zinc", "#65.38", 12, 4, // "Ga", "Gallium", "#69.723", 13, 4, // "Ge", "Germanium", "#72.63", 14, 4, // "As", "Arsenic", "#74.9216", 15, 4, // "Se", "Selenium", "#78.96", 16, 4, // "Br", "Bromine", "#79.904", 17, 4, // "Kr", "Krypton", "#83.798", 18, 4, // "Rb", "Rubidium", "#85.4678", 1, 5, // "Sr", "Strontium", "#87.62", 2, 5, // "Y", "Yttrium", "88.90585", 3, 5, // "Zr", "Zirconium", "#91.224", 4, 5, // "Nb", "Niobium", "92.90628", 5, 5, // "Mo", "Molybdenum", "#95.96", 6, 5, // "Tc", "Technetium", "(98)", 7, 5, // "Ru", "Ruthenium", "#101.07", 8, 5, // "Rh", "Rhodium", "#102.9055", 9, 5, // "Pd", "Palladium", "#106.42", 10, 5, // "Ag", "Silver", "#107.8682", 11, 5, // "Cd", "Cadmium", "#112.411", 12, 5, // "In", "Indium", "#114.818", 13, 5, // "Sn", "Tin", "#118.71", 14, 5, // "Sb", "Antimony", "#121.76", 15, 5, // "Te", "Tellurium", "127.6", 16, 5, // "I", "Iodine", "126.90447", 17, 5, // "Xe", "Xenon", "#131.293", 18, 5, // "Cs", "Caesium", "#132.9054", 1, 6, // "Ba", "Barium", "#132.9054", 2, 6, // "La", "Lanthanum", "138.90547", 4, 9, // "Ce", "Cerium", "#140.116", 5, 9, // "Pr", "Praseodymium", "140.90765", 6, 9, // "Nd", "Neodymium", "#144.242", 7, 9, // "Pm", "Promethium", "(145)", 8, 9, // "Sm", "Samarium", "#150.36", 9, 9, // "Eu", "Europium", "#151.964", 10, 9, // "Gd", "Gadolinium", "#157.25", 11, 9, // "Tb", "Terbium", "158.92535", 12, 9, // "Dy", "Dysprosium", "162.5", 13, 9, // "Ho", "Holmium", "164.93032", 14, 9, // "Er", "Erbium", "#167.259", 15, 9, // "Tm", "Thulium", "168.93421", 16, 9, // "Yb", "Ytterbium", "#173.054", 17, 9, // "Lu", "Lutetium", "#174.9668", 18, 9, // "Hf", "Hafnium", "#178.49", 4, 6, // "Ta", "Tantalum", "180.94788", 5, 6, // "W", "Tungsten", "#183.84", 6, 6, // "Re", "Rhenium", "#186.207", 7, 6, // "Os", "Osmium", "#190.23", 8, 6, // "Ir", "Iridium", "#192.217", 9, 6, // "Pt", "Platinum", "#195.084", 10, 6, // "Au", "Gold", "196.966569", 11, 6, // "Hg", "Mercury", "#200.59", 12, 6, // "Tl", "Thallium", "#204.3833", 13, 6, // "Pb", "Lead", "207.2", 14, 6, // "Bi", "Bismuth", "#208.9804", 15, 6, // "Po", "Polonium", "(209)", 16, 6, // "At", "Astatine", "(210)", 17, 6, // "Rn", "Radon", "(222)", 18, 6, // "Fr", "Francium", "(223)", 1, 7, // "Ra", "Radium", "(226)", 2, 7, // "Ac", "Actinium", "(227)", 4, 10, // "Th", "Thorium", "232.03806", 5, 10, // "Pa", "Protactinium", "#231.0588", 6, 10, // "U", "Uranium", "238.02891", 7, 10, // "Np", "Neptunium", "(237)", 8, 10, // "Pu", "Plutonium", "(244)", 9, 10, // "Am", "Americium", "(243)", 10, 10, // "Cm", "Curium", "(247)", 11, 10, // "Bk", "Berkelium", "(247)", 12, 10, // "Cf", "Californium", "(251)", 13, 10, // "Es", "Einstenium", "(252)", 14, 10, // "Fm", "Fermium", "(257)", 15, 10, // "Md", "Mendelevium", "(258)", 16, 10, // "No", "Nobelium", "(259)", 17, 10, // "Lr", "Lawrencium", "(262)", 18, 10, // "Rf", "Rutherfordium", "(267)", 4, 7, // "Db", "Dubnium", "(268)", 5, 7, // "Sg", "Seaborgium", "(271)", 6, 7, // "Bh", "Bohrium", "(272)", 7, 7, // "Hs", "Hassium", "(270)", 8, 7, // "Mt", "Meitnerium", "(276)", 9, 7, // "Ds", "Darmstadium", "(281)", 10, 7, // "Rg", "Roentgenium", "(280)", 11, 7, // "Cn", "Copernicium", "(285)", 12, 7, // "Uut", "Unutrium", "(284)", 13, 7, // "Fl", "Flerovium", "(289)", 14, 7, // "Uup", "Ununpentium", "(288)", 15, 7, // "Lv", "Livermorium", "(293)", 16, 7, // "Uus", "Ununseptium", "(294)", 17, 7, // "Uuo", "Ununoctium", "(294)", 18, 7 // ]; var camera, scene, renderer; var controls; var objects = []; var targets = { table: [], sphere: [], helix: [], grid: [] }; init(); animate(); function init() { camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 10000); camera.position.z = 4000; camera.position.y = 1000; scene = new THREE.Scene(); // table for (var i = 0; i < table.length; i += 5) { var element = document.createElement('a'); element.target = "_blank"; element.href = table[i+2]; element.className = 'element'; element.onmouseover = function () { controls.autoRotate = false; } // var element = document.createElement('div'); // element.className = 'element'; // element.onmouseover = function (){ // controls.autoRotate = false; // } element.onmouseout = function (){ controls.autoRotate = true; } // element.style.backgroundColor = 'rgba(0,127,127,' + (Math.random() * 0.5 + 0.25) + ')'; var number = document.createElement('div'); number.className = 'number'; number.textContent = (i / 5) + 1; element.appendChild(number); var symbol = document.createElement('div'); symbol.className = 'symbol'; symbol.textContent = table[i]; element.appendChild(symbol); // var details = document.createElement('div'); // details.className = 'details'; // details.innerHTML = table[i + 1] + '<br>' + table[i + 2]; // element.appendChild(details); var object = new THREE.CSS3DObject(element); object.position.x = Math.random() * 1200 - 600; object.position.y = Math.random() * 1200 - 600; object.position.z = Math.random() * 1200 - 600; scene.add(object); objects.push(object); // // var object = new THREE.Object3D(); // object.position.x = (table[i + 3] * 140) - 1330; // object.position.y = -(table[i + 4] * 180) + 990; // targets.table.push(object); } // sphere var vector = new THREE.Vector3(); for (var i = 0, l = objects.length; i < l; i++) { var phi = Math.acos(-1 + (2 * i) / l); var theta = Math.sqrt(l * Math.PI) * phi; var object = new THREE.Object3D(); object.position.x = 800 * Math.cos(theta) * Math.sin(phi); object.position.y = 800 * Math.sin(theta) * Math.sin(phi); object.position.z = 800 * Math.cos(phi); vector.copy(object.position).multiplyScalar(2); object.lookAt(vector); targets.sphere.push(object); } // helix var vector = new THREE.Vector3(); for (var i = 0, l = objects.length; i < l; i++) { var phi = i * 0.175 + Math.PI; var object = new THREE.Object3D(); object.position.x = 900 * Math.sin(phi); object.position.y = -(i * 8) + 450; object.position.z = 900 * Math.cos(phi); vector.x = object.position.x * 2; vector.y = object.position.y; vector.z = object.position.z * 2; object.lookAt(vector); targets.helix.push(object); } // grid // for (var i = 0; i < objects.length; i++) { // var object = new THREE.Object3D(); // object.position.x = ((i % 5) * 400) - 800; // object.position.y = (-(Math.floor(i / 5) % 5) * 400) + 800; // object.position.z = (Math.floor(i / 25)) * 1000 - 2000; // targets.grid.push(object); // } // renderer = new THREE.CSS3DRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); renderer.domElement.style.position = 'absolute'; document.getElementById('container').appendChild(renderer.domElement); // // controls = new THREE.TrackballControls( camera, renderer.domElement ); controls = new THREE.OrbitControls(camera, renderer.domElement); if(IsPC()){ controls.rotateSpeed = 0.05; }else{ controls.rotateSpeed = 0.5; } controls.minDistance = 2000; controls.maxDistance = 8000; controls.autoRotate = true; controls.addEventListener('change', render); // var button = document.getElementById( 'table' ); // button.addEventListener( 'click', function ( event ) { // transform( targets.table, 2000 ); // }, false ); // var button = document.getElementById( 'sphere' ); // button.addEventListener( 'click', function ( event ) { // // transform( targets.sphere, 1000 ); // // }, false ); // // var button = document.getElementById( 'helix' ); // button.addEventListener( 'click', function ( event ) { // // transform( targets.helix, 1000 ); // // }, false ); // var button = document.getElementById( 'grid' ); // button.addEventListener( 'click', function ( event ) { // transform( targets.grid, 2000 ); // }, false ); document.onmousedown=function(event){ if(IsPC()){ controls.rotateSpeed = 0.5; }else{ controls.rotateSpeed = 0.5; } }; document.onmouseup=function(event){ // controls.rotateSpeed = 0.05; if(IsPC()){ controls.rotateSpeed = 0.05; }else{ controls.rotateSpeed = 0.5; } }; transform(targets.helix, 2000); // window.addEventListener('resize', onWindowResize, false); } function transform(targets, duration) { TWEEN.removeAll(); for (var i = 0; i < objects.length; i++) { var object = objects[i]; var target = targets[i]; new TWEEN.Tween(object.position) .to({ x: target.position.x, y: target.position.y, z: target.position.z }, Math.random() * duration + duration) .easing(TWEEN.Easing.Exponential.InOut) .start(); new TWEEN.Tween(object.rotation) .to({ x: target.rotation.x, y: target.rotation.y, z: target.rotation.z }, Math.random() * duration + duration) .easing(TWEEN.Easing.Exponential.InOut) .start(); } new TWEEN.Tween(this) .to({}, duration * 2) .onUpdate(render) .start(); } function onWindowResize() { let width = document.getElementById("Block3D").clientWidth; let height = document.getElementById("Block3D").clientHeight; camera.aspect = width / height; camera.updateProjectionMatrix(); renderer.setSize(width, height); render(); } function animate() { requestAnimationFrame(animate); TWEEN.update(); // console.log(controls) controls.update(); } function render() { renderer.render(scene, camera); } })(THREE,window) </script> <script type="text/javascript"> </script>  <script type="text/javascript"> $(function(){ $(".tabLists").on("click",".item",function(){ let value = $(this).data('value'); // 参数 $(this).addClass('active').siblings().removeClass('active'); $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type: "GET", url:"https://www.4hou.com/atlas/datainfo", data: {'type':value}, dataType: "html", success: function(data){ // console.log(data); $("#myContent").html(data) } }); // $(this).addClass('active').siblings('.item').removeClass('active'); }); $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type: "GET", url:"https://www.4hou.com/atlas/datainfo", data: {'type':'网络纵深防御'}, dataType: "html", success: function(data){ // console.log(data); $("#myContent").html(data); $(".tabLists .item").eq(0).addClass('active'); } }); }); function downatlas() { var host = location.host; var url = "http://"+ host +"/atlasdownload"; //url = "http://laravel.4hou.com:8001/atlasdownload"; // console.log(url); window.open(url); $("#Block3D").animate({top:'-100vh'},500) } document.body.addEventListener('click', function(e) { $("#searchArea2").hide(); },false) //------------------------ var testData2 = null; var testData = []; var pageNumber = 10; var nextShow = true; $(document).on( 'click', '#clickNextButton', function(){ nextPageData(); }) //初始化各种的数值 function initializeValues(){ pageNum=1; nextShow = true; $(".searchIndex").remove(); } //监听输入框的输入属性 $("#searchContent").bind('input propertychange',debounce(update, 300)); //防抖动 function debounce (func, delay) { var timer; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { func.apply(context, args); }, delay); } } function update (e) { initializeValues(); clickSearchButton(); } //输入框回车事件 $("#searchContent").keydown(function(e) { if (e.keyCode == 13) { initializeValues(); clickSearchButton(); } }); //搜索框点击触发 $("#buttonClickSearch").click(function(){ clickSearchButton(); }) /** * 发送请求 */ function sendPost(data){ $.ajax({ async:false,//同步，异步 url:"/addjoke", //请求的服务端地址 data:data, type:"post", success:function(data){MoveImg return data; }, error:function(){ return false; } }); } //渲染数据 function redrawData(page=1,keywords=''){ if(keywords.trim()==''){ return false; } var data = { words:keywords, } // 那么p是一个实例对象，可以使用then方法（Promise原型上面的方法） new Promise(resolve => { $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type: "GET", url:"https://www.4hou.com/atlas/ajaxresult", data:data, dataType: "json", async:"false", success: function(data){ testData = data; // console.log(testData) // console.log(8888888888888) resolve(testData); } }); }).then(res => { somePageData(1,pageNumber); }) return; } //点击搜索按钮的触发的函数 function clickSearchButton(){ pageNum = 1; var keywords = $("#searchContent").val(); if(keywords.trim()==''){ return false; } redrawData(pageNum,keywords); } //下一页数据 function nextPageData(){ pageNum++; // console.log(pageNum) somePageData(pageNum,pageNumber); } //进行分页数据渲染 function somePageData(page,num=3){ var offset = (page-1)*num; // var partTwodata = testData2; var partArryData = []; // console.log(6666666666666); // console.log(testData); if(testData==undefined || testData.length<1){ return ; } if( offset+num>=testData.length){ nextShow = false; } for(i = offset;i < offset+num; i++){ if(i>testData.length || testData[i]==undefined){ continue; } partArryData.push(testData[i]) } var dataArr = partArryData; $(".searchIndex").remove(); var contentString = '<div style="position:relative;"><div class="searchIndex" style="display:block">'; let hrfurl = "https://www.4hou.com/atlas/atlasproduct"; for(j = 0,len=dataArr.length; j < len; j++) { contentString+= `<a target="_blank" href="${hrfurl+'/?link='+dataArr[j].link || 'javascript:void(0);'}">`+dataArr[j].name+`</a>`; } if(nextShow==true){ contentString+= '<a href="javascript:;" id="clickNextButton">下一页</a></div></div>'; } $(".inputLinks").append(contentString); return; } //---------------333333333333333333 $(document).on( 'click', '#clickNextButton1', function(){ nextPageData1(); }) //初始化各种的数值 function initializeValues1(){ pageNum=1; nextShow=true; $(".searchIndex").remove(); } //监听输入框的输入属性 $("#searchContent1").bind('input propertychange',debounce1(update1, 300)); //防抖动 function debounce1 (func, delay) { var timer; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { func.apply(context, args); }, delay); } } function update1 (e) { initializeValues1(); clickSearchButton1(); } //输入框回车事件 $("#searchContent1").keydown(function(e) { if (e.keyCode == 13) { initializeValues1(); clickSearchButton1(); } }); //搜索框点击触发 $("#buttonClickSearch1").click(function(){ clickSearchButton1(); }) //渲染数据 function redrawData1(page=1,keywords=''){ if(keywords.trim()==''){ return false; } var data = { words:keywords, } new Promise(resolve => { $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type: "GET", url:"https://www.4hou.com/atlas/ajaxresult", data:data, dataType: "json", async:"false", success: function(data){ testData = data; // console.log(testData) // console.log(8888888888888) resolve(testData); } }); }).then(res => { somePageData1(1,pageNumber); }) return; } //点击搜索按钮的触发的函数 function clickSearchButton1(){ pageNum = 1; var keywords = $("#searchContent1").val(); if(keywords.trim()==''){ return false; } redrawData1(pageNum,keywords); } //下一页数据 function nextPageData1(){ pageNum++; // console.log(pageNum) somePageData1(pageNum,pageNumber); } //进行分页数据渲染 function somePageData1(page,num=3){ var offset = (page-1)*num; // var partTwodata = testData2; var partArryData = []; // console.log(002032803480247); // console.log(testData); if(testData==undefined || testData.length<1){ return ; } if( offset+num>=testData.length){ nextShow = false; } for(i = offset;i < offset+num; i++){ if(i>testData.length || testData[i]==undefined){ continue; } partArryData.push(testData[i]) } var dataArr = partArryData; // console.log(9999999) // console.log(dataArr) $(".searchIndex").remove(); var contentString = ''; let hrfurl = "https://www.4hou.com/atlas/atlasproduct"; for(j = 0,len=dataArr.length; j < len; j++) { // contentString+= '<a href="javascript:;">'+dataArr[j].name+'</a>'; // contentString+= '<a target="_blank" href="javascript:void(0);">'+dataArr[j].name+'</a>'; contentString+= `<a target="_blank" href="${hrfurl+'/?link='+dataArr[j].link || 'javascript:void(0);'}">`+dataArr[j].name+`</a>`; } if(nextShow==true){ contentString+= '<a href="javascript:;" id="clickNextButton1">下一页</a></div></div>'; } $("#searchArea2").html(contentString); $(".searchList").css("display","block") return; } </script> <script type="text/javascript"> (function($, h, c) { var a = $([]), e = $.resize = $.extend($.resize, {}), i, k = "setTimeout", j = "resize", d = j + "-special-event", b = "delay", f = "throttleWindow"; e[b] = 350; e[f] = true; $.event.special[j] = { setup : function() { if (!e[f] && this[k]) { return false } var l = $(this); a = a.add(l); $.data(this, d, { w : l.width(), h : l.height() }); if (a.length === 1) { g() } }, teardown : function() { if (!e[f] && this[k]) { return false } var l = $(this); a = a.not(l); l.removeData(d); if (!a.length) { clearTimeout(i) } }, add : function(l) { if (!e[f] && this[k]) { return false } var n; function m(s, o, p) { var q = $(this), r = $.data(this, d); r.w = o !== c ? o : q.width(); r.h = p !== c ? p : q.height(); n.apply(this, arguments) } if ($.isFunction(l)) { n = l; return m } else { n = l.handler; l.handler = m } } }; function g() { i = h[k](function() { a.each(function() { var n = $(this), m = n.width(), l = n.height(), o = $ .data(this, d); if (m !== o.w || l !== o.h) { n.trigger(j, [ o.w = m, o.h = l ]) } }); g() }, e[b]) } })(jQuery, this); $(function(){ $("#swipertl").resize(function(){ var mySwiperlr = new Swiper('.swiper-containerlr',{ autoplay : 5000, autoplayDisableOnInteraction : true, pagination : '.swiper-scrollbartlr', paginationClickable :true, loop : true, lazyLoading : true, onSlideChangeEnd: function(swiper){ } }); }); }) var scroll=1; var mySwiper = new Swiper('.swiper-container',{ autoplay : 5000, autoplayDisableOnInteraction : true, pagination : '.swiper-pagination', paginationClickable :true, loop : true, lazyLoading : true, onSlideChangeEnd: function(swiper){ } }); var mySwiperlr = new Swiper('.swiper-containerlr',{ autoplay : 5000, autoplayDisableOnInteraction : true, pagination : '.swiper-scrollbartlr', paginationClickable :true, loop : true, lazyLoading : true, onSlideChangeEnd: function(swiper){ } }); var mySwipertr = new Swiper('.swiper-containertr',{ autoplay : 8000, autoplayDisableOnInteraction : true, pagination : '.swiper-scrollbarttr', paginationClickable :true, loop : true, lazyLoading : true, onSlideChangeEnd: function(swiper){ } }); // $('#information').optiscroll() var swiper = new Swiper('.swiper-container3', { scrollbar: '.swiper-scrollbar', direction: 'vertical', slidesPerView: 'auto', mousewheelControl: true, freeMode: true, roundLengths : true, //防止文字模糊 }); var swiper2 = new Swiper('.swiper-container4', { scrollbar: '.swiper-scrollbar', direction: 'vertical', slidesPerView: 'auto', mousewheelControl: true, freeMode: true, roundLengths : true, //防止文字模糊 }); $(".information li").on("click",function(){ swiper2.destroy(false); setTimeout(function(){ swiper2 = new Swiper('.swiper-container4', { scrollbar: '.swiper-scrollbar', direction: 'vertical', slidesPerView: 'auto', mousewheelControl: true, freeMode: true, roundLengths : true, //防止文字模糊 }); },400) }); </script> <style type="text/css"> .footer{height:auto; background-color: #282828} .footer_about{width: 1200px;height: 50px;padding-top: 26px; margin: 0 auto;border-bottom-color: transparent !important; position: relative;} .footer_about>a{font-size: 16px;height: 16px !important;line-height: 16px !important; float: left; padding-right: 18px; border-right:1px solid #ccc;} .last-child-a{border:none !important} .footer_bottom_cen p{ margin-top: 5px; margin-right: 25px;text-align: left; margin-bottom: 6px;float: left;} .footer_bottom_cen>div{width: 450px;float: left;margin-right: 8px} .footer_bottom{height: 74px} .footerlogos{width: 130px; height: 24px; position: absolute;right: 10%; top:24px;} .footerlogos dd{float: left; margin-right: 20px;cursor: pointer;} .footerlogos dd a{display: block;width: 100%; height: 100%} .wechartlogo{width: 20px; height: 20px; background-position:-224px 0px;} .weibologo{width: 20px; height: 20px; background-position:-266px 0px;} .zhihulogo{width: 20px; height: 20px; background-position:-359px 0px;} .wechartlogo i{width: 80px;height: 78px;background-size: contain !important; right: 137px;display: none;opacity: 1;background: url(https://www.4hou.com/sihou/images/wechatqr.png) no-repeat;position: absolute;top: -28px;} .wechartlogo:hover i{display: block;} .footer_bottom{width: 1200px; background-color: #282828; margin:0 auto } .footer_bottom_cen>div img{float: left; margin-right: 4px;margin-top: 4px; margin-left: 4px;width: 66px;} .footer_bottom_cen{width: 100%} .cloudserver{float: right !important; margin: 0 auto !important;width: 385px !important; margin-top: -31px} .cloudserver img{float: left;} .cloudserver dd{float: left;} @media screen and (min-width:650px) and (max-width:960px){ .cloudserver{display: none;} } @media screen and (max-width:660px) { .footer_about{height:20px;} .footer_about a{font-size:14px;color:#fff;margin-right:10px;} .footer_about>a{height: 16px !important;line-height: 16px !important;margin-left: 10px; float: left; padding-right: 10px; border-right:1px solid #ccc;} .footer_about{width: 100%; /* padding-top: 14px; margin-bottom: 22px; */} .footerlogos{display: none;} .cloudserver{display: none;} .footer_bottom_cen p{ text-align: left; margin-bottom: 6px;float: left;} .footer_bottom{width: 100%} .footer_bottom_cen>p {color: #999999;font-size: 12px;} } </style> <footer class="footer"> </footer> <aside class="side"> <div class="side_top icons "></div> <div class="iconbox"> <div class="side_wechart icons iconhover"> 微信 <dd></dd> </div> <a href="http://weibo.com/u/6069423878" target="_blank"> <div class="side_webo icons iconhover"> 微博 </div></a> <a href="https://www.4hou.com/feed" target="_blank"> <div class="side_rss icons iconhover"> RSS </div></a> <a href="https://zhuanlan.zhihu.com/roartalk" target="_blank"> <div class="side_zh icons iconhover"> 知乎 </div></a> </div> <div class="side_bottom icons"></div> </aside> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ac201c14c3d2a4747423252be421e1bc"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>

CINXE.COM

嘶吼网络安全产业链图谱