CINXE.COM

2024 SSC网络安全大会

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>2024 SSC网络安全大会</title> <!-- <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"/> --> <meta name=description content="SSC(全称:CloverSec  Security Conference)网络安全大会是由西安四叶草安全信息技术有限公司主办的中西部安全类峰会。"> <link rel="icon" href="2023ssclogo.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/masterslider.css"> <link rel="stylesheet" type="text/css" href="css/masterslider.main.css"> <link rel="stylesheet" type="text/css" href="css/ms-staff-style.css"> <link rel="stylesheet" type="text/css" href="css/slick.css"> <link rel="stylesheet" type="text/css" href="css/slick-theme.css"> <link rel="stylesheet" type="text/css" href="js/bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <!-- banner图 --> <div id="carousel-example-generic" class="bannerBox"> <img class="bannerI" src="images/2024banner.jpg"/> <!-- 导航 --> <div class="leader"> <div class="contain"> <div class="images"> <a class="navbar-brand" style="padding:5px 0;" href="#"> <img class="logoBai" src="images/ssclogowhite.png" style="height:55px" alt="SSC"> <img class="logoQing" src="images/2024ssclogo.png" style="height:55px" alt="SSC"> </a> </div> <div class="nav_list"> <ul class="list"> <li class="active"> <a href="#">首页</a> </li> <li> <a href="#introduction">大会介绍</a> </li> <li> <a href="#topic">会议流程</a> </li> <li> <a href="#advisory">大会嘉宾</a> </li> <!-- <li> <a href="#nowsee">现场回顾</a> </li> --> <li> <a href="#partner">合作伙伴</a> </li> <li> <a href="#contact">联系我们</a> </li> <div class="wang"> <a href="javascript:;">往届回顾</a> <div class="wangBox"> <a href="http://ssc2016.seclover.com/" target="_blank">2016ssc</a> <a href="http://ssc2017.seclover.com/" target="_blank">2017ssc</a> <a href="http://ssc2018.seclover.com/" target="_blank">2018ssc</a> <a href="http://ssc2019.seclover.com/" target="_blank">2019ssc</a> <a href="http://ssc2020.seclover.com/" target="_blank">2020ssc</a> <a href="http://ssc2023.seclover.com/" target="_blank">2023ssc</a> </div> </div> </ul> </div> <div style="clear: both"></div> </div> </div> </div> <!-- 大会介绍 --> <section class="section_twos" id="introduction"> <div> <div class="container"> <h1 class="wow bounceInUp relate">大会介绍</h1> <h1 class="wow bounceInUp erji">INTRODUCTION TO THE GENERAL ASSEMBLY</h1> <span class="blue"></span> <div> <div class="wow zoomIn zi"> <p class="introText"> 根据《“科创西安”活动管理办法》(市科发〔2023〕18号)相关规定,经前期专家评审、会议研究、网上公示等环节,决定将“2024年SSC网络安全大会”纳入2024年第二批“科创西安”活动。 </p> <p class="introText"> 本次大会以“融合共生 新质网安”为主题,强调在数字化、智能化时代背景下,网络安全必须与创新技术、产业生态、法律法规乃至国际治理等多维度深度融合,共同构建一个安全可信、开放协同、持续进化的网络空间新生态。大会汇聚了国内外网络安全领域的顶尖专家、企业领袖及行业精英,旨在共同探讨网络安全技术的最新进展、行业趋势以及面临的挑战与机遇。通过深度对话、技术展示、案例分享等多种形式,大会将为参会者提供一个全方位、多层次的交流平台,推动网络安全产业的高质量发展,同时展现西安在网络安全领域的卓越成就和无限潜力。 </p> </div> <div class="meet-time"> <p><span class="bold">会议时间:</span>&nbsp;11月29日</p> <p><span class="bold">会议地点:</span>&nbsp;西安香格里拉大酒店</p> </div> <!-- 指导单位 --> <div class="meet-con"> <p class="bold">指导单位</p> <p>西安市科学技术局</p> <p class="bold">主办单位</p> <p>西安高新技术产业开发区管理委员会</p> <p class="bold">承办单位</p> <p>西安四叶草信息技术有限公司</p> <p class="bold">联合承办</p> <p>西安高新区科技创新局</p> <p>西安软件园发展中心</p> <p>中国信息产业商会信息安全产业分会</p> <p>关键信息基础设施安全保护联盟</p> <p>数字丝路安全智库</p> <p class="bold">协办单位</p> <p>陕西省计算机学会网络空间安全专委会</p> <p>陕西省信息网络安全协会</p> <p>陕西省互联网协会</p> <p>陕西省软件协会</p> <p>西安市人工智能产业发展联盟</p> <p>西安高新技术企业协会</p> <p>西安高新区数字产业企业家商会</p> <!-- <p class="bold">五. 支持单位</p> <div class="company"> <img src="images/zhichidanwei/1.png" alt=""> </div> --> </div> </div> </div> </div> </section> <!-- 会议日程 --> <section class="section_fours" id="topic"> <div class="container" style="position: relative;"> <h1 class="wow bounceInUp relates">会议流程</h1> <h1 class="wow bounceInUp erjis">CONFERENCE FLOW</h1> <span class="blue" style="border-bottom: 2px solid #fff;"></span> <div class="yiDate" style="margin-top:0px;"> <!-- <p class="meeting-title fontWhite">2023第六届SSC网络安全大会活动议程安排</p> --> <!-- <div class="personItem"> <div class="perTime fontWhite" style="padding-top:15px;">10月19日(上午)</div> <div class="perCon"> <div class="perConTop" style="padding-top:15px;"> <span class="fontWhite perChou">SSCTF网络安全大赛开幕</span> </div> <div class="perConTop"> <span class="fontWhite perChou">SSCTF网络安全大赛应急赛</span> </div> </div> </div> --> <div class="personItem"> <div class="perTime fontWhite">11月29日上午</div> <div class="perCon"> <div class="perConTop"> <span class="fontWhite perChou">2024科创西安·SSC网络安全大会开幕式暨主论坛<span class="actionAddr">(活动地点:宴会厅1、2)</span></span> </div> </div> </div> <div class="personItem"> <div class="perTime fontWhite">11月29日下午</div> <div class="perCon"> <div class="perConTop"> <span class="fontWhite perChou">网络安全产业发展论坛<span class="actionAddr">(活动地点:宴会厅3)</span></span> </div> <div class="perConTop"> <span class="fontWhite perChou">AI攻防技术论坛<span class="actionAddr">(活动地点:宴会厅1、2)</span></span> </div> </div> </div> <div class="personItem"> <div class="perTime fontWhite">11月29日晚上</div> <div class="perCon"> <div class="perConTop"> <span class="fontWhite perChou">“安全范儿”极客之夜主题活动<span class="actionAddr">(活动地点:天品西岸 觅时Live House)</span></span> </div> </div> </div> </div> </div> </section> <!-- 大会嘉宾 --> <section class="section_fives" id="advisory"> <!-- <img class="yuan3" src="images/2019yuansu1.png"/> --> <div class="mu"> <div class="container"> <h1 class="wow bounceInUp relate">大会嘉宾</h1> <h1 class="wow bounceInUp erji">GENERAL ASSEMBLY GUESTS</h1> <span class="blue"></span> <div> <h2><span class="circle"></span>主论坛演讲嘉宾</h2> <div class="guwenBox"> <div class="guItem"> <img src="images/zhuluntan/1.jpg"/> <p class="peoName">俞克群</p> <p>中国信息协会信息安全专业委员会副主任</p> </div> <div class="guItem"> <img src="images/zhuluntan/2.jpg"/> <p class="peoName">马坤</p> <p>四叶草安全创始人兼董事长</p> </div> <div class="guItem"> <img src="images/zhuluntan/3.jpg"/> <p class="peoName">郭启全</p> <p>公安部十一局原副局长、一级巡视员、总工程师</p> </div> <div class="guItem"> <img src="images/zhuluntan/4.jpg"/> <p class="peoName">谭晓生</p> <p>北京赛博英杰科技有限公司董事长</p> </div> </div> <div class="guwenBox"> <div class="guItem"> <img src="images/zhuluntan/5.jpg"/> <p class="peoName">沈玉龙</p> <p>西安电子科技大学教授</p> <p>陕西省网络与信息系统安全重点实验室副主任</p> </div> <div class="guItem"> <img src="images/zhuluntan/6.jpg"/> <p class="peoName">陈洋</p> <p>百度副总裁</p> </div> <div class="guItem"> <img src="images/zhuluntan/7.jpg"/> <p class="peoName">王宇</p> <p>蚂蚁集团网络安全部总经理</p> </div> <div class="guItem"> <img src="images/zhuluntan/8.jpg"/> <p class="peoName">刘森</p> <p>火山引擎云安全负责人</p> </div> </div> </div> <div style="margin-top: 60px;"> <h2><span class="circle"></span>网络安全产业发展论坛演讲嘉宾</h2> <div class="guwenBox"> <div class="guItem"> <img src="images/chanye/1.jpg"/> <p class="peoName">马小博</p> <p>西安交通大学青年拔尖教授</p> <p>国家级青年人才</p> </div> <div class="guItem"> <img src="images/chanye/2.jpg"/> <p class="peoName">杨超</p> <p>西交苏州信息安全法学所研究员/教授</p> </div> <div class="guItem"> <img src="images/chanye/3.jpg"/> <p class="peoName">冯玉涛</p> <p>360数字安全集团教育事业部副总经理</p> </div> <div class="guItem"> <img src="images/chanye/4.jpg"/> <p class="peoName">胡文友</p> <p>金睛云华副总裁</p> </div> </div> <div class="guwenBox"> <div class="guItem"> <img src="images/chanye/5.jpg"/> <p class="peoName">孙少先</p> <p>中国电信集团高级专家</p> </div> <div class="guItem"> <img src="images/chanye/6.jpg"/> <p class="peoName">刘伟</p> <p>四叶草安全创研中心教育事业部总监</p> </div> </div> </div> <div style="margin-top: 60px;"> <h2><span class="circle"></span>AI攻防技术论坛演讲嘉宾</h2> <div class="guwenBox"> <div class="guItem"> <img src="images/ai/1.jpg"/> <p class="peoName">朱莉欣</p> <p>西安交通大学科教院网络安全法治研究所所长</p> <p>数字丝路安全智库秘书长</p> </div> <div class="guItem"> <img src="images/ai/2.jpg"/> <p class="peoName">陈长林</p> <p>百度研发安全负责人</p> </div> <div class="guItem"> <img src="images/ai/3.jpg"/> <p class="peoName">蒋宇豪</p> <p>蚂蚁集团天穹实验室</p> </div> <div class="guItem"> <img src="images/ai/4.jpg"/> <p class="peoName">杨博艺</p> <p>字节跳动无恒实验室安全工程师</p> </div> </div> <div class="guwenBox"> <div class="guItem"> <img src="images/ai/5.jpg"/> <p class="peoName">蔡国宝</p> <p>字节跳动无恒实验室安全工程师</p> </div> <div class="guItem"> <img src="images/ai/6.jpg"/> <p class="peoName">易楠</p> <p>腾讯混元安全防护负责人</p> </div> <div class="guItem"> <img src="images/ai/7.jpg"/> <p class="peoName">周梓涛</p> <p>顺丰蓝军攻防研究员</p> </div> </div> </div> </div> </div> </section> <!-- 现场回顾 --> <!-- <section class="section_anothers" id="nowsee" style="position: relative;"> <div class="container" style="position: relative;padding-bottom:0;"> <h1 class="wow bounceInUp relate">现场回顾</h1> <h1 class="wow bounceInUp erji">SITE REVIEW</h1> <span class="blue" style="position: absolute; left: 14vw;"></span> <div> <div style="margin-top:50px;"> <h2> <span class="circle"></span> 现场照片 </h2> <div class="picture-bl"> <div class="ac-img-box"> <div class="neis-img"> <img src="images/scene/ctf/1.JPG" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/scene/ctf/2.jpg" /></div> </div> </div> <h2 style="margin-top:30px;"> <span class="circle"></span> 现场视频 </h2> <div class="video-wrap"> <div class="video-item"> <video controls> <source src="/images/vedio/1.m4v" type="video/mp4"> </video> <span>2023第六届ssc网络安全大会</span> </div> <div class="video-item" class="video-click"> <video controls> <source src="/images/vedio/2.m4v" type="video/mp4"> </video> <span>SSC 2023 SSCTF大赛</span> </div> <div class="video-item"> <video controls> <source src="/images/vedio/3.MP4" type="video/mp4"> </video> <span>安全范“极客之夜”</span> </div> </div> </div> </div> </div> </section> --> <!-- 合作伙伴 --> <section class="section_sevens" id="partner"> <div class="container"> <h1 class="wow bounceInUp relate">合作伙伴</h1> <h1 class="wow bounceInUp erji">COOPERATION PARTNERS</h1> <span class="blue"></span> <div> <div> <h2> <span class="circle"></span> 战略 <span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/zhanlue/1.jpg"> <img src="images/zhanlue/2.jpg"> </div> </div> <div class="par-group"> <h2> <span class="circle"></span> 钻石 <span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/zuanshi/1.jpg"> <img src="images/zuanshi/2.jpg"> </div> </div> <div class="par-group"> <h2> <span class="circle"></span> 黄金<span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/huangjin/1.jpg" alt=""> <img src="images/huangjin/2.jpg" alt=""> <img src="images/huangjin/3.jpg" alt=""> </div> </div> <div class="par-group"> <h2> <span class="circle"></span> 大会支持<span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/srczhichi/11.jpg" alt=""> <img src="images/srczhichi/22.jpg" alt=""> <img src="images/srczhichi/33.jpg" alt=""> <img src="images/srczhichi/44.jpg" alt=""><br/> <img src="images/srczhichi/55.jpg" alt=""> <img src="images/srczhichi/66.jpg" alt=""> </div> </div> <div class="par-group"> <h2> <span class="circle"></span> 媒体支持 </h2> <div class="medium"> <img src="images/meiti/1.png" alt=""> <img src="images/meiti/2.png" alt=""> <img src="images/meiti/3.png" alt=""> </div> </div> <!-- <div class="par-group"> <h2> <span class="circle"></span> 大会官方用酒 </h2> <div class="medium"> <img src="images/guanfangyongjiu/1.jpg" alt=""> </div> </div> --> </div> </div> </section> <!-- 联系我们 --> <section class="section_eights" id="contact" style="position: relative;"> <div class="container" clearfix> <h1 class="relate">联系我们</h1> <h1 class="erji">CONTACT US</h1> <span class="blue"></span> <!-- <font class="blues">Contact</font> --> <div> <div class="leb_con"> <div class="leb"> <div class=""></div> <div class="inside"> <img src="img/icon1.png" alt=""> <h3>合作咨询</h3> <font class="blue"></font> <span>13991996141</span> </div> </div> <div class="leb"> <div class=""></div> <div class="inside"> <img src="img/icon2.png" alt=""> <h3>媒体合作</h3> <font class="blue"></font> <span>13991996141</span> </div> </div> <div class="leb"> <div class=""></div> <div class="inside"> <img src="img/icon3.png" alt=""> <h3>电子邮件</h3> <font class="blue"></font> <span><a class="__yjs_email__" href="/cdn-cgi/l/email-protection" data-yjsemail="36454555764553555a594053441855595b">[email&#160;protected]</a><script data-yjshash='f9e31' type="text/javascript">/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-yjshash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-yjsemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */</script></span> </div> </div> </div> </div> </div> </section> <div class="foot-copy"> <h5 class="footText ftext1"> 版权所有 &copy; 2024 西安四叶草信息技术有限公司 </h5> <h5 class="footText ftext2 hidden-xs">ALL Rights Reserved</h5> <a href="http://beian.miit.gov.cn" target="_blank"><h5 class="footText ftext3 hidden-xs">陕ICP备14009494-2号</h5></a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=61019002000746"> <h5 class="footText ftext3 hidden-xs" style="margin-right: 1vw;">陕公网安备 61019002000746号</h5> </a> </div> <!-- </footer> --> </body> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/slick.min.js"></script> <script type="text/javascript" src="js/masterslider.min.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script src="js/TweenLite.min.js"></script> <script src="js/EasePack.min.js"></script> <script src="js/bootstrap/js/bootstrap.js"></script> <script type="text/javascript"> new WOW().init(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?495b5a15a9e4ba5210d54e153b9480b0"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> if($(window).width()>1050){ function commonCode() { var _this = $(document).scrollTop(); if (_this < 455) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#']").parents()[0]).addClass('active'); $(".leader").css("background-color", "transparent"); $(".list li>a").css("color", "#fff"); $(".wang>a").css("color", "#fff"); $(".wangBox").css("background", "rgba(0,0,0,0.5)"); $(".wangBox").css("box-shadow", "none"); $(".wangBox > a").css("color", "#fff"); $(".logoBai").show(); $(".logoQing").hide(); }; if (_this >= 455) { $(".leader").css("background-color", "#fff"); $(".list li>a").css("color", "#333"); $(".wang>a").css("color", "#333"); $(".wangBox").css("background", "rgba(249,249,248,1)"); $(".wangBox").css("box-shadow", "0 0 3px 1px #eee"); $(".wangBox > a").css("color", "#333"); $(".logoQing").show(); $(".logoBai").hide(); }; if (_this >= 455 && _this < 1250) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#introduction']").parents()[0]).addClass('active'); }; if (_this >= 1250 && _this < 1850) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#topic']").parents()[0]).addClass('active'); }; if (_this >= 1850 && _this < 3800) { // 大会嘉宾 $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#advisory']").parents()[0]).addClass('active'); }; // if (_this >= 5440 && _this < 7800) { // 现场回顾 // $(".nav_list .list>li").removeClass('active'); // $($(".list>li>[href='#nowsee']").parents()[0]).addClass('active'); // }; if (_this >= 3800 && _this < 4530) { // 合作伙伴 $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#partner']").parents()[0]).addClass('active'); }; if (_this >= 4530 ) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#contact']").parents()[0]).addClass('active'); }; } document.body.scrollTop = 0; document.documentElement.scrollTop = 0; commonCode(); $(window).scroll(function(event) { commonCode() }); } </script> <script type="text/javascript"> $(".er_list ul").hide(); $(".er_list a").click(function(event) { if($(".er_list ul").css("display")=="none"){ $(".er_list ul").stop().slideDown('200'); }else{ $(".er_list ul").stop().slideUp('200'); } }); function viewguestpic() { var hehe = $('.ms-sl-selected>.ms-slide-bgcont>img')[0].src; var imgbuffer = '<img src=' + hehe + '>'; $('.guestpicinfo').empty(); $('.guestpicinfo').append(imgbuffer); $(".dong").remove(); $('.ms-sl-selected').append('<div class="dong"><svg></svg></div>'); var pathObj=document.createElementNS("http://www.w3.org/2000/svg","path"); pathObj.setAttribute("d","M0 100 L 80 40"); pathObj.setAttribute("class","line1"); $(".dong svg").append(pathObj); $(".line1").css({ "stroke-width": 1,stroke: "#fff", // opacity:0, "stroke-dasharray": 100, "stroke-dashoffset":100 }) $(".line1").stop().animate({"stroke-dashoffset": 0},300); var pathObjs=document.createElementNS("http://www.w3.org/2000/svg","path"); pathObjs.setAttribute("d","M240 140 L 160 200"); pathObjs.setAttribute("class","line2"); $(".dong svg").append(pathObjs); $(".line2").css({ "stroke-width": 1,stroke: "#fff", // opacity:0, "stroke-dasharray": 100, "stroke-dashoffset":100 }) $(".line2").stop().animate({"stroke-dashoffset": 0},300); $(".dong").append('<p class="name_s">'+$('.ms-sl-selected>.ms-slide-bgcont>img').attr("alt")+'</p>'); $(".name_s").css({ transform:"scale(1.1)" }) } $(document).ready(function() { $('.carousel').carousel() var slider = new MasterSlider(); slider.setup('masterslider', { loop: true, width: 240, height: 240, speed: 50, view: 'focus', space: 5, wheel: true, start: 3, autoplay: true, mouse: true }); slider.control('slideinfo', { insertTo: '.ms-staff-info' }); $("[id^='guest']").click(function() { var id = $(this).attr("id"); if ($("#" + id + "detail").is(":hidden")) { $("#" + id + "detail").stop().slideDown(200).css({'font-size':'1em',"font-weight":500}); //如果元素为隐藏,则将它显现 $(this).html('收起') } else { $("#" + id + "detail").stop().slideUp(200); //如果元素为显现,则将其隐藏 $(this).html('详细') } }); }); $('.autoplay').slick({ infinite: true, dots: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $(".nav_list .list>li").on('click', function(event) { var _this = this; $(".nav_list .list>li").removeClass('active') $(_this).addClass('active'); }); $(".er_list li").on('click', function(event) { var _this = this; $(".er_list li").removeClass('active') $(_this).addClass('active'); }); $(".nav_list .list>li>a").on('click', function(event) { $('.navbar-collapse.collapse.in').removeClass('in').delay(1000) }) $('.part').slick({ responsive: [{ breakpoint: 1920, settings: { slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, arrows: true, dots: true } }, { breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, arrows: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, arrows: false, dots: true } }, { breakpoint: 300, settings: "unslick" // destroys slick }] }); (function() { var width, height, canvas, ctx, points, target, animateHeader = true; // Main initHeader(); initAnimation(); addListeners(); function initHeader() { width = window.innerWidth; height = window.innerHeight; target = {x: width/2, y: height/2}; // create points points = []; for(var x = 0; x < width; x = x + width/20) { for(var y = 0; y < height; y = y + height/20) { var px = x + Math.random()*width/20; var py = y + Math.random()*height/20; var p = {x: px, originX: px, y: py, originY: py }; points.push(p); } } // for each point find the 5 closest points for(var i = 0; i < points.length; i++) { var closest = []; var p1 = points[i]; for(var j = 0; j < points.length; j++) { var p2 = points[j] if(!(p1 == p2)) { var placed = false; for(var k = 0; k < 5; k++) { if(!placed) { if(closest[k] == undefined) { closest[k] = p2; placed = true; } } } for(var k = 0; k < 5; k++) { if(!placed) { if(getDistance(p1, p2) < getDistance(p1, closest[k])) { closest[k] = p2; placed = true; } } } } } p1.closest = closest; } // assign a circle to each point for(var i in points) { var c = new Circle(points[i], 2+Math.random()*2, 'rgba(255,255,255,0.3)'); points[i].circle = c; } } // Event handling function addListeners() { if(!('ontouchstart' in window)) { window.addEventListener('mousemove', mouseMove); } window.addEventListener('scroll', scrollCheck); window.addEventListener('resize', resize); } function mouseMove(e) { var posx = posy = 0; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; } target.x = posx; target.y = posy; } function scrollCheck() { if(document.body.scrollTop > height) animateHeader = false; else animateHeader = true; } function resize() { width = window.innerWidth; height = window.innerHeight; // largeHeader.style.height = height+'px'; // canvas.width = width; // canvas.height = height; } // animation function initAnimation() { animate(); for(var i in points) { shiftPoint(points[i]); } } function animate() { if(animateHeader) { for(var i in points) { // detect points in range if(Math.abs(getDistance(target, points[i])) < 4000) { points[i].active = 0.3; points[i].circle.active = 0.6; } else if(Math.abs(getDistance(target, points[i])) < 20000) { points[i].active = 0.1; points[i].circle.active = 0.3; } else if(Math.abs(getDistance(target, points[i])) < 40000) { points[i].active = 0.02; points[i].circle.active = 0.1; } else { points[i].active = 0; points[i].circle.active = 0; } } } requestAnimationFrame(animate); } function shiftPoint(p) { TweenLite.to(p, 1+1*Math.random(), {x:p.originX-50+Math.random()*100, y: p.originY-50+Math.random()*100, ease:Circ.easeInOut, onComplete: function() { shiftPoint(p); }}); } function Circle(pos,rad,color) { var _this = this; // constructor (function() { _this.pos = pos || null; _this.radius = rad || null; _this.color = color || null; })(); } // Util function getDistance(p1, p2) { return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2); } })(); </script> <script> $(function() { // ----------------------------会见轮播图---------------------------- let oulOne = $('.slideshow-one .carousel-image'), oulHtmlOne = oulOne.html(), timeIdOne = null, ulWidthOne = (289*4+438+40)*2, speed = -2; oulOne.html(oulHtmlOne+oulHtmlOne); oulOne.width(ulWidthOne); function sliderOne(){ if(speed<0){ if(oulOne.css('left')===-ulWidthOne/2+'px'){ oulOne.css('left',"-40px"); } oulOne.css('left','+=-2px'); } } timeIdOne = setInterval(sliderOne,60); $('.slideshow-one').mouseover(function(){ clearInterval(timeIdOne); }); $('.slideshow-one').mouseout(function(){ timeIdOne = setInterval(sliderOne,60); }); // ----------------------------华山论剑轮播图---------------------------- let oulTwo = $('.slideshow-two .carousel-image'), oulHtmlTwo = oulTwo.html(), timeIdTwo = null, ulWidthTwo = (289*10+40)*2; oulTwo.html(oulHtmlTwo+oulHtmlTwo); oulTwo.width(ulWidthTwo); function sliderTwo(){ if(speed<0){ if(oulTwo.css('left')===-ulWidthTwo/2+'px'){ oulTwo.css('left',"-40px"); } oulTwo.css('left','+=-2px'); } } timeIdTwo = setInterval(sliderTwo,60); $('.slideshow-two').mouseover(function(){ clearInterval(timeIdTwo); }); $('.slideshow-two').mouseout(function(){ timeIdTwo = setInterval(sliderTwo,60); }); // ----------------------------SSCTF网络安全技能大赛轮播图---------------------------- let oulThree = $('.slideshow-three .carousel-image'), oulHtmlThree = oulThree.html(), timeIdThree = null, ulWidthThree = (289*8+40)*2; oulThree.html(oulHtmlThree+oulHtmlThree); oulThree.width(ulWidthThree); function sliderThree(){ if(speed<0){ if(oulThree.css('left')===-ulWidthThree/2+'px'){ oulThree.css('left',"-40px"); } oulThree.css('left','+=-2px'); } } timeIdThree = setInterval(sliderThree,60); $('.slideshow-three').mouseover(function(){ clearInterval(timeIdThree); }); $('.slideshow-three').mouseout(function(){ timeIdThree = setInterval(sliderThree,60); }); // ----------------------------新基建网络安全论坛轮播图---------------------------- let oulFour = $('.slideshow-four .carousel-image'), oulHtmlFour = oulFour.html(), timeIdFour = null, ulWidthFour = (289*11+39)*2; oulFour.html(oulHtmlFour+oulHtmlFour); oulFour.width(ulWidthFour); function sliderFour(){ if(speed<0){ if(oulFour.css('left')===-ulWidthFour/2+'px'){ oulFour.css('left',"-40px"); } oulFour.css('left','+=-2px'); } } timeIdFour = setInterval(sliderFour,60); $('.slideshow-four').mouseover(function(){ clearInterval(timeIdFour); }); $('.slideshow-four').mouseout(function(){ timeIdFour = setInterval(sliderFour,60); }); // ----------------------------网络安全创新技术论坛轮播图---------------------------- let oulFive = $('.slideshow-five .carousel-image'), oulHtmlFive = oulFive.html(), timeIdFive = null, ulWidthFive = (289*8+40)*2; oulFive.html(oulHtmlFive+oulHtmlFive); oulFive.width(ulWidthFive); function sliderFive(){ if(speed<0){ if(oulFive.css('left')===-ulWidthFive/2+'px'){ oulFive.css('left',"-40px"); } oulFive.css('left','+=-2px'); } } timeIdFive = setInterval(sliderFive,60); $('.slideshow-five').mouseover(function(){ clearInterval(timeIdFive); }); $('.slideshow-five').mouseout(function(){ timeIdFive = setInterval(sliderFive,60); }); // ----------------------------无名论坛轮播图---------------------------- let oulSix = $('.slideshow-six .carousel-image'), oulHtmlSix = oulSix.html(), timeIdSix = null, ulWidthSix = (289*12+40)*2; oulSix.html(oulHtmlSix+oulHtmlSix); oulSix.width(ulWidthSix); function sliderSix(){ if(speed<0){ if(oulSix.css('left')===-ulWidthSix/2+'px'){ oulSix.css('left',"-40px"); } oulSix.css('left','+=-2px'); } } timeIdSix = setInterval(sliderSix,60); $('.slideshow-six').mouseover(function(){ clearInterval(timeIdSix); }); $('.slideshow-six').mouseout(function(){ timeIdSix = setInterval(sliderSix,60); }); // ----------------------------区块链安全与应用创新论坛轮播图---------------------------- let oulSeven = $('.slideshow-seven .carousel-image'), oulHtmlSeven = oulSeven.html(), timeIdSeven = null, ulWidthSeven = (289*13+41)*2; oulSeven.html(oulHtmlSeven + oulHtmlSeven); oulSeven.width(ulWidthSeven); function sliderSeven(){ if(speed<0){ if(oulSeven.css('left')===-ulWidthSeven/2+'px'){ oulSeven.css('left',"-40px"); } oulSeven.css('left','+=-2px'); } } timeIdSeven = setInterval(sliderSeven,60); $('.slideshow-seven').mouseover(function(){ clearInterval(timeIdSeven); }); $('.slideshow-seven').mouseout(function(){ timeIdSeven = setInterval(sliderSeven,60); }); // ----------------------------白帽子技术论坛轮播图---------------------------- let oulEight = $('.slideshow-eight .carousel-image'), oulHtmlEight = oulEight.html(), timeIdEight = null, ulWidthEight = (289*13+39)*2; oulEight.html(oulHtmlEight + oulHtmlEight); oulEight.width(ulWidthEight); function sliderEight(){ if(speed<0){ if(oulEight.css('left')===-ulWidthEight/2+'px'){ oulEight.css('left',"-40px"); } oulEight.css('left','+=-2px'); } } timeIdEight = setInterval(sliderEight,60); $('.slideshow-eight').mouseover(function(){ clearInterval(timeIdEight); }); $('.slideshow-eight').mouseout(function(){ timeIdEight = setInterval(sliderEight,60); }); // ----------------------------网络安全人才培养论坛轮播图---------------------------- let oulNine = $('.slideshow-nine .carousel-image'), oulHtmlNine = oulNine.html(), timeIdNine = null, ulWidthNine = (289*9+41)*2; oulNine.html(oulHtmlNine + oulHtmlNine); oulNine.width(ulWidthNine); function sliderNine(){ if(speed<0){ if(oulNine.css('left')===-ulWidthNine/2+'px'){ oulNine.css('left',"-40px"); } oulNine.css('left','+=-2px'); } } timeIdNine = setInterval(sliderNine,60); $('.slideshow-nine').mouseover(function(){ clearInterval(timeIdNine); }); $('.slideshow-nine').mouseout(function(){ timeIdNine = setInterval(sliderNine,60); }); }) </script> </html>

Pages: 1 2 3 4 5 6 7 8 9 10