CINXE.COM
2024 4th International Conference on Computer, Remote Sensing and Aerospace (CRSA 2024)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>2024 4th International Conference on Computer, Remote Sensing and Aerospace (CRSA 2024)</title> <meta name="keyword" content="第四届计算机、遥感与航空航天国际学术会议（CRSA 2024）"> <meta name="description" content="第四届计算机、遥感与航空航天国际学术会议（CRSA 2024）"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/i/iccrsa.org.f5cc747.ico" type="image/x-icon"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.all.js"></script> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.js"></script> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/js/css/layui.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/16/index.css"> <script src="https://img.ais.cn/thirds/common/jquery-1.12.4.min.js"></script> <script src="https://img.ais.cn/thirds/common/jquery.print.js"></script> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/swiper.min.css"> <script src="https://fhk.ais.cn/file/web/js/swiper.min.js"></script> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/16/newStyle.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/common.css"> <style> .layui-layout-body { overflow: scroll; } </style> </head> <body> <div class="page"> <!-- 头部 --> <div> <div class="header-Tem-two-page"> <section class="container-Tem-two"> <section class="header-Tem-two-flex"> <div style="display: flex; align-items: center"> <img src="https://fhk.ais.cn/cms/website/common/202301/368230112162344267.png" alt="logo" class="logo"> <div class="header-Tem-two-span"> <span class="head-company" id="title">2024 4th International Conference on Computer, Remote Sensing and Aerospace (CRSA 2024)</span> </div> </div> <div class="lan-right"> <!-- 切换语言包 --> <div class="head-date-flex" id="headDate" style="visibility: visible"> </div> </div> </section> </section> </div> <div class="top-navList " id="header-content" style="height: 60px"> <section class="nav-Tem-two " id="section" style="height: 60px"> <div class="tem-en-nav"> <ul class="layui-nav layui-nav-eight " id="layui-nav"> <li class="layui-nav-item layui-hover" data-param="1" ><a href="./" >Home</a></li> <li class="layui-nav-item" data-param="2"><a href="./committee" >Committee</a> <li class="layui-nav-item" data-param="3"><a href="./raqoitwf" >Speakers</a> <dl class="layui-nav-child "> <dd><a href="./keynotespeaker" >Keynote Speakers</a></dd> <dd><a href="./speaker" >Previous Keynote Speakers</a></dd> </dl> </li> <li class="layui-nav-item" data-param="4"><a href="./call_for_paper" >CFP</a> <li class="layui-nav-item" data-param="5"><a href="./submission0" >Submission</a> <dl class="layui-nav-child "> <dd><a href="./submission" >Submission</a></dd> <dd><a href="./download" >Download</a></dd> </dl> </li> <li class="layui-nav-item" data-param="6"><a href="./registration_all" >Registration</a> <dl class="layui-nav-child "> <dd><a href="./registration" >Registration Fee</a></dd> </dl> </li> <li class="layui-nav-item" data-param="7"><a href="./mxhgtjqy" >Publication</a> <dl class="layui-nav-child "> <dd><a href="./publication" >Publication</a></dd> <dd><a href="./editorial_policy" >Editorial Policy</a></dd> <dd><a href="./gtssngrx" >An Open Access Journal by MDPI</a></dd> </dl> </li> <li class="layui-nav-item" data-param="8"><a href="./program" >Program</a> <li class="layui-nav-item" data-param="9"><a href="./contact" >Contact</a> <li class="layui-nav-item" data-param="10"><a href="./History" >History</a> <dl class="layui-nav-child "> <dd><a href="./fsmjrwuz" >CRSA 2024</a></dd> <dd><a href="./vxkezcke" >CRSA 2023</a></dd> <dd><a href="./jpdnqjqn" >CRSA 2022</a></dd> <dd><a href="./omuozqxe" >CRSA 2021</a></dd> </dl> </li> </ul> </div> <div class="e-icon"> <ul class="layui-nav layui-icon " id="layui-icon" style = "display:none"> <i id="icon-down" class="layui-icon layui-icon-down" style="font-size: 30px; color: #1E9FFF;"></i> <i id="icon-up" class="layui-icon layui-icon-up" style="font-size: 30px; color: #1E9FFF;display :none;"></i> </ul> </div> </section> </div> </div> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.all.js"></script> <script type="text/javascript"> var homeUrl = 'http://www.iccrsa.org/'; link () function link () { if (document.querySelector('.link')) { var link = document.querySelector('.link').clientHeight document.querySelector('.header-Tem-two-page').style.marginTop = link + 'px' // document.querySelector('.header-Tem-two-page') var containeTem = document.querySelector('.container-Tem-two') containeTem.style.top = link + 'px' var headerTemH = document.querySelector('.header-Tem-two-page').clientHeight var navH = document.querySelector('.nav-Tem-two') navH.style.top = (link + headerTemH) + 'px' } } </script> <div class="home-en"> <!-- 这里是轮播图引用以前的3种轮播样式 不要用我这里的 --> <div class="layui-carousel" id="test" lay-filter="test1"> <div carousel-item> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202401/396240130144735532.png"/></div> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202401/396240130144118504.png"/></div> </div> </div> <script type="text/javascript"> //轮播样式1 layui.use('carousel', function () { var carousel = layui.carousel; //建造实例 carousel.render({ elem: '#test' , width: '100%' //设置容器宽度 , height: '480px' , arrow: 'always' //始终显示箭头 //,anim: 'fade' //切换动画方式 }); }); //轮播样式4 var length = $(".swiper-wrapper").children(".swiper-slide").length certifySwiper = new Swiper('#certify .swiper-container', { watchSlidesProgress: true, slidesPerView: 'auto', centeredSlides: true, loop: length <= 1 ? false : true, loopedSlides: 5, autoplay: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', //clickable :true, }, on: { progress: function (progress) { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); var slideProgress = this.slides[i].progress; modify = 1; if (Math.abs(slideProgress) > 1) { modify = (Math.abs(slideProgress) - 1) * 0.3 + 1; } translate = slideProgress * modify * 260 + 'px'; scale = 1 - Math.abs(slideProgress) / 5; zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); slide.transform('translateX(' + translate + ') scale(' + scale + ')'); slide.css('zIndex', zIndex); slide.css('opacity', 1); if (Math.abs(slideProgress) > 3) { slide.css('opacity', 0); } } }, setTransition: function (transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } } }) //轮播样式3 var viewSwiper = new Swiper('.view .swiper-container', { on: { slideChangeTransitionStart: function () { updateNavPosition() } } }) $('.view .arrow-left,.preview .arrow-left').on('click', function (e) { e.preventDefault() if (viewSwiper.activeIndex == 0) { viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000); return } viewSwiper.slidePrev() }) $('.view .arrow-right,.preview .arrow-right').on('click', function (e) { e.preventDefault() if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) { viewSwiper.slideTo(0, 1000); return } viewSwiper.slideNext() }) var previewSwiper = new Swiper('.preview .swiper-container', { //visibilityFullFit: true, slidesPerView: 'auto', allowTouchMove: false, on: { tap: function () { viewSwiper.slideTo(previewSwiper.clickedIndex) } } }) function updateNavPosition() { $('.preview .active-nav').removeClass('active-nav') var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav') if (!activeNav.hasClass('swiper-slide-visible')) { if (activeNav.index() > previewSwiper.activeIndex) { var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1 previewSwiper.slideTo(activeNav.index() - thumbsPerNav) } else { previewSwiper.slideTo(activeNav.index()) } } } </script> <!-- 这里是中间部分 --> <div class="content eight-content"> <!-- 功能区 --> <div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">WELCOME TO CRSA 2024</div> </div> <div class="content-en"> <p>The 4th International Conference on Computer, Remote Sensing and Aerospace (CRSA 2024) is scheduled to take place in Osaka, Japan from July 5-7, 2024.</p><p><br/></p><p>We are excited to bring together leading academic scientists, researchers, and industrial delegates for this edition of the event in July. Anticipated discussions will revolve around novel discoveries, knowledge, and experiences within the field of Mechanical, Aerospace and Automotive Engineering.</p><p><br/></p><p>We cordially invite you to participate in CRSA 2024's scientific program, sessions, and discussions. We are confident that CRSA 2024 will be a resounding success and prove to be highly rewarding for all attendees. We hope that our participants will also have the opportunity to enjoy the picturesque scenery and rich cultural heritage during their three-day stay.</p><p><br/></p><p>We eagerly await your participation!</p><p style="white-space: normal; text-align: right;"><br/></p><table class="UEditorTable" width="1143"><tbody><tr class="firstRow"><td style="border-color: rgb(23, 54, 93); background-color: rgb(23, 54, 93);" width="359" valign="top"><p><span style="font-size: 20px; color: #FFFFFF;"><strong>JOIN AS A PRESENTER</strong></span><br/></p><p><br/></p><p><br/></p><p><span style="color: #FFFFFF;"></span></p><p style="text-align: justify;"><span style="color: #FFFFFF;">If you are interested in submitting a presentation proposal to CRSA, you may choose to attend the conference as a Presenter. It's the best opportunity to transform your novel ideas and best practices to the world's audience. Please submit an abstract of the presentation before registration. For further information, please contact us at:<span style="color: #FAC08F;"> iccrsa@126.com</span></span></p><p><br/></p><p><br/></p><p><span style="color: #FFFFFF;"></span></p><p style="text-align: justify;"><span style="color: #FFFFFF;">Please be aware that only full paper will be published in the digital conference proceedings.</span></p><p><br/></p><p><br/></p></td><td style="border-color: rgb(23, 54, 93); background-color: rgb(23, 54, 93);" width="359" valign="top"><p><span style="font-size: 20px; color: #FFFFFF;"><strong>LISTENER REGISTRATION</strong></span></p><p><span style="color: #FFFFFF;"><br/></span></p><p><span style="color: #FFFFFF;"><br/></span></p><p><span style="color: #FFFFFF;"></span></p><p style="text-align: justify;"><span style="color: #FFFFFF;">You are warmly welcomed to attend without presentation by registering as a Listener. Email us at <span style="text-align: justify; background-color: #17365D; color: #FAC08F;">iccrsa@126.com</span> for any inquires or further information. </span><br/></p><p><br/></p><p><a href="http://iccrsa.org/registration" target="_blank"><span style="font-size: 18px;"><strong><span style="color: #FAC08F;">Registration link</span></strong></span></a></p><p><span style="font-size: 20px; color: #FFFFFF;"><strong><br/></strong></span><br/></p></td><td style="border-color: rgb(23, 54, 93); background-color: rgb(23, 54, 93);" width="359" valign="top"><p><span style="font-size: 20px; color: #FFFFFF;"><strong>CALL FOR COMMITTEE MEMBER</strong></span></p><p><span style="text-align: justify;"><br/></span></p><p><span style="text-align: justify;"><br/></span></p><p><span style="text-align: justify;"></span></p><p style="text-align: justify;"><span style="color: #FFFFFF;">Your joining is important to expand our motivated team of committee. We are looking for experienced researchers, professors, and industry experts in the research areas of Computer, Remote Sensing and Aerospace to join the Technical Committee as reviewers. If you are interested in joining us, please kindly send your latest CV to us at</span> <span style="color: #FAC08F;">iccrsa@126.com.</span><span style="color: #FFFFFF;"> Your request will be processed in 3-5 working days.</span></p><p><br/></p></td></tr></tbody></table><p><br/></p> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">TECHNICALLY SPONSORED BY</div> </div> <div class="content-en"> <p style="white-space: normal;"><img src="https://fhk.ais.cn/cms/website/editor/202404/301240415100716104.jpg" alt="11895.jpg" width="687" height="180" border="0" vspace="0" style="width: 687px; height: 180px;"/></p><p style="white-space: normal;">IEEE Italy Section – AES Chapter</p> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">CALL FOR PAPER</div> </div> <div class="content-en"> <p><br/></p><table class="UEditorTable" width="1143"><tbody><tr class="firstRow"><td valign="top" style="word-break: break-all; border-color: rgb(255, 255, 255);" width="359"><span style="color: #E36C09;"><strong>Algorithms </strong></span><p style="line-height: 1.5em;">Image Processing</p><p style="line-height: 1.5em;">Data processing<br/></p><p style="line-height: 1.5em;">Data Mining<br/></p><p style="line-height: 1.5em;">Computer Vision<br/></p><p style="line-height: 1.5em;">Computer Aided Design<br/></p><p style="line-height: 1.5em;">Artificial Intelligence<br/></p><p style="line-height: 1.5em;">Neural Networks<br/></p><p style="line-height: 1.5em;">Robotics and Automation</p><p><br/></p></td><td valign="top" style="word-break: break-all; border-color: rgb(255, 255, 255);" width="359"><p style="line-height: 1.5em;"><span style="color: #E36C09;"><strong>Remote Sensing</strong></span></p><p style="line-height: 1.5em;">Optical Remote Sensing<br/></p><p style="line-height: 1.5em;">Microwave Remote Sensing<br/></p><p style="line-height: 1.5em;">Remote Sensing Information Engineering<br/></p><p style="line-height: 1.5em;">Geographic Information System<br/></p><p style="line-height: 1.5em;">Global Navigation Satellite System<br/></p><p style="line-height: 1.5em;">Satellite Navigation and Positioning<br/></p><p style="line-height: 1.5em;">Smart Sensor <br/></p><p style="line-height: 1.5em;">Spatial Database<br/></p><p style="line-height: 1.5em;">Classification and Data Mining Techniques<br/></p><p style="line-height: 1.5em;">Hyperspectral Image Processing<br/></p><p style="line-height: 1.5em;">Remote Sensing Data Fusion<br/></p><p style="line-height: 1.5em;">Global Positioning and Navigation System<br/></p><p style="line-height: 1.5em;">Remote Sensing Data Quality<br/></p><p style="line-height: 1.5em;">Analysis of Remote Sensing Models<br/></p><p style="line-height: 1.5em;">Sensor fusion<br/></p></td><td valign="top" style="word-break: break-all; border-color: rgb(255, 255, 255);" width="359"><p style="line-height: 1.5em;"><span style="color: #E36C09;"><strong>Aeroacoustics</strong></span></p><p style="line-height: 1.5em;">Aeroelasticity and structural dynamics<br/></p><p style="line-height: 1.5em;">Aerothermodynamics<br/></p><p style="line-height: 1.5em;">Airworthiness<br/></p><p style="line-height: 1.5em;">Autonomy<br/></p><p style="line-height: 1.5em;">Mechanisms<br/></p><p style="line-height: 1.5em;">Avionics<br/></p><p style="line-height: 1.5em;">Clean space<br/></p><p style="line-height: 1.5em;">Control architectures<br/></p><p style="line-height: 1.5em;">Flight physics<br/></p><p style="line-height: 1.5em;">Manned/Unmanned aviation</p></td></tr></tbody></table><p><br/></p><p style="text-align: right;"><br/></p><table class="UEditorTable" data-sort="sortDisabled"><tbody><tr class="firstRow"><td valign="top" colspan="3" rowspan="1" style="border-color: rgb(54, 96, 146); background-color: rgb(23, 54, 93); border-width: 1px; border-style: solid; word-break: break-all;"><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><span style="font-size: 32px; color: #FFFFFF;"><strong>SUBMISSION</strong></span><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><span style="font-size: 20px; color: #FFFFFF;"><strong>Submission System</strong></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><span style="color: #FFFFFF;">Submit the paper through the online </span><a href="https://paper-sub.com/paper/BQJFQQ" target="_blank" textvalue="submission system"><span style="font-size: 18px; text-decoration: underline;"><strong><span style="font-size: 18px; color: #FAC08F; text-decoration: underline;">submission system</span></strong></span></a><span style="font-size: 18px;"><strong><span style="color: #FAC08F;">.</span></strong></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><span style="color: #FFFFFF;"></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal; text-align: justify;"><span style="color: #FFFFFF;">Please be aware that only full paper will be published in the digital conference proceedings.</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><strong style="color: rgb(255, 255, 255); font-size: 20px; background-color: rgb(23, 54, 93);">Paper Template</strong></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><span style="color: #FFFFFF;">It's necessary for all the submitted papers to adhere to the conference written paper format. For the detail format information, please download here:</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal; text-align: justify;"><span style="color: #FFFFFF;"></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><a href="http://iccrsa.org/download" target="_blank" style="text-decoration: underline;"><span style="font-size: 18px; text-decoration: underline;"><strong><span style="color: #FAC08F; text-decoration: underline;">Full Paper Template </span></strong></span></a></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal;"><span style="text-align: justify;"></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal; text-align: justify;"><span style="color: #FFFFFF;">For further information or assistance, please contact the Conference Secretary at</span><span style="text-decoration: none;"><span style="color: #FFFFFF; text-decoration: none;"> </span><span style="color: #FAC08F; text-decoration: none;">iccrsa@yeah.net<span style="text-decoration: none; color: #FFFFFF;">.</span></span></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: normal; text-align: justify;"><br/></p></td></tr></tbody></table><p><br/></p><h2 class="bgtitle" style="margin: 0px 0px 20px; padding: 0px 0px 7px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(239, 239, 239); border-left-color: initial; border-image: initial; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 18px; line-height: 26px; font-family: Arial, sans-serif; vertical-align: baseline; color: rgb(22, 65, 121); height: 32px; text-transform: uppercase; white-space: normal; background-color: rgb(255, 255, 255); width: 778.792px;">VENUE</h2><p style="text-align:center"><img src="https://fhk.ais.cn/cms/website/editor/202301/368230118162219708.jpg" alt="摄图网_500465328_wx_ 大阪城市景观（企业商用）.jpg"/></p><p style="text-align: center;"><span style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 12px; line-height: inherit; font-family: arial, helvetica, sans-serif; vertical-align: baseline; text-align: center; background-color: #FFFFFF;"><span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 700; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;"><span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; vertical-align: baseline;">Osaka, Japan</span></span></span></p> </div> </div> </div> <!-- 侧板栏 --> <div class="function"> <div class="share-bottom"> <div class="share-bottom-content"> </div> </div> </div> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/jquery.qrcode.min.js"></script> <script> $(function () { $("#qrcode").qrcode({ render: "canvas", width: 160, height: 160, text: homeUrl + "?lang=en", background: "#ffffff", //二维码的后景色 foreground: "#000000", //二维码的前景色 }); }) </script> </div> <!-- 底部 --> <div class="footer"> <div class="footer-wrap"> <div class="footer-right"> <p> Copyright© CRSA </p> <p>2024 4th International Conference on Computer, Remote Sensing and Aerospace (CRSA 2024) http://www.iccrsa.org/ <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281223247'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/z_stat.php%3Fid%3D1281223247%26show%3Dpic1'; type='text/javascript'%3E%3C/script%3E"));</script> </p> </div> </div> </div> <style> /*底部*/ .footer { width: 100%; height: 100px; background: #333333; -webkit-box-flex: 0; flex: 0 0 100px; } .footer-wrap { width: 1200px; height: 100px; left: calc(50% - 600px); background: #333333; color: #989898; font-size: 12px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: auto; } .footer-left { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 527px; display: -webkit-box; display: flex; } .support > span { line-height: 28px; } .meeting > img { position: absolute; } .meeting > div { text-align: center; } .footer-right { line-height: 28px; display: flex; justify-content: flex-start; flex-direction: column; flex: 1; align-items: center; } </style> <script> function getClassDomList(className) { return document.getElementsByClassName(className) } String.prototype.colorRgb = function () { // 16进制颜色值的正则 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; // 把颜色值变成小写 var color = this.toLowerCase(); if (reg.test(color)) { // 处理六位的颜色值，转为RGB var colorChange = []; for (var i = 1; i < 7; i += 2) { colorChange.push(parseInt("0x" + color.slice(i, i + 2))); } return "RGBA(" + colorChange.join(",") + ")"; } else { return color; } }; var classlist = ['color-title', '.color1']; let color = '#35477D'.colorRgb(); color = color.slice(0, color.length - 1) + ",0.1)"; for (let i = 0; i < classlist.length; i++) { const list = getClassDomList(classlist[i]) for (let i = 0; i < list.length; i++) { list[i].style.setProperty('background', color, 'important') } } </script> <style> .colorOne { color: #35477D !important;; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #35477D !important; } .selected1 { color: #35477D !important; } .right-title-info1 { color: #35477D !important;; } .count-down1 { background-color: #35477D !important;; } .row { background-color: #35477D !important;; } .color-change { background: #35477D !important; } .color-line { background-color: #35477D !important; } .color-important { background: #35477D !important; } .dawn-bg { background-color: #35477D !important; } .select-Color { background: #35477D !important; } .layui-nav .layui-nav-more { display: none; } .layui-hover:hover { background: #35477D !important; } .layui-nav .layui-nav-child a:hover { background-color: rgba(7, 13, 89, .1) !important; } .layui-nav-bar { background-color: white !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: !important; } .layui-nav-child { background-color: white; } .layui-nav .layui-nav-child a { color: black !important; } .layui-nav .layui-nav-item a { width: auto !important; color : rgba(255,255,255,1); } .d1-color { border-color: white white white #35477D !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: white !important } .m-color-bg2{ background: #35477D !important; } .m-imp-bg{ background: #35477D !important; } .m-nav-color{ background: #35477D !important; } .m2-right-bg1{ background: #35477D !important; } .rightNavItem{ background: #35477D !important; } .bottomNavItem{ background: #35477D !important; } .bottomLanguage{ background: #35477D !important; } .rightLanguage{ background: #35477D !important; } </style> <script type="text/javascript" src="https://img.ais.cn/thirds/common/stat.js?v=3"></script> </div> </div> <script type="text/javascript"> $(function () { //导航栏显示 var hbOX = document.getElementById("layui-nav"); var h = hbOX.clientHeight || hbOX.offsetHeight; var c = (hbOX.clientWidth || hbOX.offsetWidth) - 40; var icon = document.getElementById("layui-icon"); var num = document.getElementById("layui-nav").getElementsByTagName('li').length; var content = document.getElementById("header-content") var liContent = document.getElementById("layui-nav") var section = document.getElementById("section") getHide(); icon.onmouseover = function () { var total = 0; for (var i = 0; i < num; i++) { total += $('ul>li').eq(i).width(); if (total > c) { $('ul>li').eq(i).show() } } content.style.height = h + 'px' section.style.height = h + 'px' }; liContent.onmouseleave = function () { if (!$('dl').is('.layui-show')) { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } } var dl = document.getElementsByTagName("dl") for (var i=0;i< dl.length; i++) { console.log(dl[i]) if (dl[i]) { dl[i].onmouseleave = function () { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } } } function getHide() { var total = 0; for (var i = 0; i < num; i++) { total += $('ul>li').eq(i).width(); if (total > c) { $("#layui-icon").show(); $('ul>li').eq(i).hide() } } } }) </script> </body> </html>