CINXE.COM
2025 5th International Conference on Optical Imaging and Image Processing (ICOIP 2025)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>2025 5th International Conference on Optical Imaging and Image Processing (ICOIP 2025)</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keyword" content="Optics, Image Processing, 光学, 图像处理, EI, scopus, 物理, physics"> <meta name="description" content="由陕西科技大学主办的第五届光学成像与图像处理国际学术会议（ICOIP 2025）将于2025年4月25-27日在中国西安召开。征稿主题包含“光学”“图像处理”“激光技术与应用”等，已连续四届获得SPIE出版支持。"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/i/icoip.net.fdb4456.ico" type="image/x-icon"/> <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/11/index.css"> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/zoomify.min.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/11/newStyle.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/common.css"> <style> .layui-layout-body { overflow: scroll; } .station-flexs { display: flex; justify-content: center; } </style> </head> <body> <div class="page-en"> <div> <div class="header-Tem-two-page"> <section class="container-Tem-two"> <section class="header-Tem-two-flex"> <div> <img src="https://fhk.ais.cn/cms/website/common/202210/353221019172923770.png" alt="logo" class="logo"> </div> <div class="header-Tem-two-span"> <span class="head-company" id="title">2025 5<sup>th</sup> International Conference on Optical Imaging and Image Processing (ICOIP 2025)</span> </div> </section> </section> </div> <div class="top-navList select-Color" id="header-content"> <section class="nav-Tem-two select-Color" id="section"> <div class="tem-en-nav"> <ul class="layui-nav select-Color" 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="./committeeSpeaker" >Committee</a> <li class="layui-nav-item" data-param="3"><a href="./vrlvnfcj" >Speakers</a> <dl class="layui-nav-child"> <dd> <a href="./zoqnjytv" >Keynote Speakers</a> </dd> <dd> <a href="./speaker" >Speaker gallery</a> </dd> </dl> </li> <li class="layui-nav-item" data-param="4"><a href="./call_for_paper" >Call For Papers</a> <li class="layui-nav-item" data-param="5"><a href="./submission_guidelines" >Submission Guidelines</a> <dl class="layui-nav-child"> <dd> <a href="./submission" >Submission</a> </dd> <dd> <a href="./okpviimm" >Guidelines for AI Tools</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="./publication" >Publication</a> <li class="layui-nav-item" data-param="8"><a href="./program" >Program</a> <li class="layui-nav-item" data-param="9"><a href="./more" >More</a> <dl class="layui-nav-child"> <dd> <a href="./Conference review" >Conference Review</a> </dd> <dd> <a href="./contact" >Contact</a> </dd> <dd> <a href="./venue" >Venue</a> </dd> <dd> <a href="./chinese" >中文</a> </dd> </dl> </li> </ul> </div> <div class="e-icon"> <ul class="layui-nav layui-icon select-Color" 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> <input type="hidden" id="lang" value="cn"/> <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/pc_common.js"></script> <script type="text/javascript"> //导航栏显示 var hbOX = document.getElementById("layui-nav"); var h = hbOX.clientHeight | hbOX.offsetHeight; var ch = (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; b = c; for (var i = 0; i <= num; i++) { total += $('ul>li').eq(i).width(); if (total >= ch) { $('ul>li').eq(i).show() } } content.style.height = h + 'px' section.style.height = h + 'px' }; liContent.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 >= ch) { $("#layui-icon").show(); $('ul>li').eq(i).hide() } } } $(function () { //获取浏览器url 参数 auth_website = getQueryString("auth_website"); }); 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' } } var homeUrl = 'http://www.icoip.net/' </script> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/11/content.css"> <div class="news-page-en"> <div class="news-flex"> <div class="line-en color-line"></div> <div class="news-title-en color-title"> <span class="news-title-span">Registration Fee</span> <div> <a href="./" class="inside-span" >Home</a> <span>/</span> <span class="inside-span-meet">Registration Fee</span></div> </div> </div> <div class="content-en"> <style>.nav-Tem-two{margin:-80px 0px 0px;} .tem-en-nav{width:auto;}/*导航栏内部横向居中*/ .header-Tem-two-page{display:none;}.bar{ position: relative; z-index:999; } .tb img{border-radius:50%;} .zsybar{ margin: -105px -364px -10px -394px;padding: 0px 0px; position: relative; } body{background:#fff;} .zsynr{margin: 0px -74px -45px; padding: 50px 80px; } .zsybar2{} @media (max-width:768px) { .zsybar{ margin: 0px -42px 0px; position: static; } .zsynr{ margin: 10px -42px -100px;padding:20px; } .zsybar2{margin: -150px 0px -10px !important;} }.lan-right{ background:rgba(254,254,254); }</style><div class="zsybar" style="text-align: center;z-index: 99;background-image: url(https://fhk.ais.cn/cms/website/editor/202309/371230926160255969.jpg);height:150px;"><p style="text-shadow: 1px 1px 5px rgba(0,0,0,0.5);"><span style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";color:#fff;line-height:150px;"><br/></span></p></div><!-- 背景图 --><div class="select-Color zsybar2" style="opacity:0.1;height:150px;padding:auto 0px;margin: -150px -364px -10px -394px;position: relative;z-index:99"><p style="text-shadow: 1px 1px 5px rgba(0,0,0,0.5);"><span style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";color:#fff;line-height:150px;"><br/></span></p></div><!-- 背景色 --><div class="zsybar2" style="height:150px;padding:auto auto;margin: -150px -364px -10px -394px;"><p style="text-align: center;"><span class="colorOne" style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";line-height:150px;position: relative;z-index:100;font-weight: lighter">Registration</span></p></div><!-- 标题分割 --><div class="zsynr" style="position: relative; text-align: center;background: rgba(255,255,255);"><table class="a1"><tbody><tr class="firstRow"><td class="select-Color" valign="middle" style="background-image: linear-gradient(to left, #28aaff, #008bff); border:1px solid #ffffff; border-radius: 20px 0px 0px;" align="center" height="42" width="323"><p style="margin-top: 12px; margin-bottom:12px;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong>Items</strong></span></p></td><td class="select-Color" valign="middle" style="background-image:linear-gradient(to right, #28aaff, #008bff); border:1px solid #ffffff; border-radius: 0px 20px 0px 0px;" align="center" height="42" width="323"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong>Registration Fee</strong></span></td></tr><tr><td class="select-Color" valign="middle" style="word-break: break-all;border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Regular Registration for Paper (4-6 pages)</span></p></td><td class="select-Color" valign="middle" rowspan="1" colspan="1" style="word-break: break-all;border:1px solid #ffffff; font-family: 微软雅黑, "Microsoft YaHei"; background-image:linear-gradient(to right, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">510 USD/ paper (5-6 pages)</span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">3400 CNY/ paper (5-6 pages)</span></p></td></tr><tr><td class="select-Color" valign="middle" style="word-break: break-all;border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Extra Pages (Begin at Page 7)</span></p></td><td class="select-Color" valign="middle" rowspan="1" colspan="1" style="word-break: break-all; border:1px solid #ffffff; font-family: 微软雅黑, "Microsoft YaHei"; background-image: linear-gradient(to right, #28aaff, #008bff); font-size: 16px; color: #FFFFFF;" align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">45 USD/ extra page</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">300 CNY/ extra page</span></p></td></tr><tr><td class="select-Color" valign="middle" style="word-break: break-all;border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Attendees without a Submission</span></p></td><td class="select-Color" colspan="1" valign="middle" align="center" style="word-break: break-all; border:1px solid #ffffff; font-family: 微软雅黑, "Microsoft YaHei"; background-image: linear-gradient(to right, #28aaff, #008bff); font-size: 16px; color: #FFFFFF;" height="42" width="323"><p><span style="text-align: center; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">180 USD/ person</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">1200 CNY/ person</span></p></td></tr></tbody></table><p style="margin-bottom: 24px; margin-top: 24px;"><strong style="text-wrap: wrap; background-color: rgb(255, 255, 255);"><span style="font-size: 14px;">Note: </span></strong><span style="text-wrap: wrap; background-color: #FFFFFF; font-size: 14px;">This conference has set a fixed exchange rate of 100 RMB to 15 USD，Please select the payment method and currency that best suits your actual situation.</span></p><p><a href="https://www.ais.cn/attendees/toSignUp/NJJMZQ" target="_blank" class="input1 cs select-Color" textvalue="Registration (Chinese)"><span class="anc" style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-decoration: none;">Registration (Chinese)</span></a></p><p><br/></p><p><a href="https://www.aischolar.org/attendees/index/EN73YFV" target="_blank" class="input1 cs select-Color" textvalue="Registration (English)"><span class="anc" style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-decoration-line: none;">Registration (English)</span></a></p><p style="margin-top: 36px; margin-bottom: 12px;"><strong style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 20px;">Details of the registration fees</strong></p><p style="text-align: left; line-height: 1.5em;margin-bottom: 10px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style="text-align: left; line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style=";margin-bottom:0;text-align:justify;text-justify: inter-ideograph"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style="text-align: left;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="text-align: left;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">1. The registration fee does not include: </span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"> • Accommodation</span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"> • Visa application fee</span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"> • Transportation fee</span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">2. At least one author for each accepted final paper must pre-register.</span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">3. Completed registrations will be acknowledged by the Organizing Committee within 2-5 workdays after receiving your payment.</span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";">4. At least 20% of the registration fee will be charged as the service fee if you retract your paper for personal reasons.</span></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="margin-top: 36px; margin-bottom: 12px; text-wrap: wrap; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); word-break: break-word; font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: center;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 20px;"></span></p><p style="margin-top: 36px; margin-bottom: 12px; text-align: center; text-wrap: wrap; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); word-break: break-word; font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 20px;"><strong>Refunds Policy</strong></span></p><p style="text-wrap: wrap; text-align: left;">If the participants request cancellation and refund due to personal reasons, the following refund policy applies.</p><p style="text-wrap: wrap; text-align: left;">* 60 days ahead of the conference: 70% of payment refund</p><p style="text-wrap: wrap; text-align: left;">* 30-60 days ahead of the conference: 50% of payment refund</p><p style="text-wrap: wrap; text-align: left;">* Within 30 days ahead of the conference: 30% of payment refund</p><p style="text-wrap: wrap; text-align: left;">* After conference: no refund</p><p style="text-wrap: wrap; text-align: left;">Cancellation and refund request must be made formally by email.</p><p style="text-wrap: wrap; text-align: left;">The organizing committees reserves the right to change the dates and place of the conference due to force majeure. Losses thus incurred from the force majeure events shall not be liabled and refunds policy shall not apply as well.</p><p style="margin-top: 36px; margin-bottom: 12px; text-wrap: wrap; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); word-break: break-word; font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: center;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"></span><br/></p><p style="text-align: justify;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"><br/></span><br/></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p></div><style>.anc{ color:#fff; } .input1 { text-shadow:0.2px 0.2px 1px rgba(0,0,0,0.5); border: none; font-weight:inherit; /*字体粗细*/ text-decoration:none;/*超链接文字不划线*/ padding: 10px 40px; border-radius: 50px; color: white; outline: none; transition: all 500ms ease 0s; position: relative; } .input1:before{ border: none; content: ''; background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%); background-size: 210% 100%; background-position: right bottom; position: absolute; top: 0; bottom:0; right:0; left: 0; border-radius: 30px; transition: all 0.5s; -webkit-transition: all 0.5s; } .input1:hover{ background-image: linear-gradient(to left, #28aaff, #008bff); border: none; color: #ffffff; transition: all 500ms ease 0s; } .cs {background-image: linear-gradient(to left, #28aaff, #008bff); border: none; } .cs:hover:before { background-position: left bottom;border: none; } .a1{ text-shadow:0.2px 0.2px 1px rgba(0,0,0,0.5); transition: all 500ms ease 0s; } .a1:hover{ transform: scale(1.075); transition: all 500ms ease 0s; }</style> </div> </div> </div> </div> <div class="footer"> <div class="footer-wrap"> <div class="footer-right"> <p> Copyright© ICOIP 2025 </p> <p>2025 5<sup>th</sup> International Conference on Optical Imaging and Image Processing (ICOIP 2025) http://www.icoip.net/ <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281178671'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z_stat.php%3Fid%3D1281178671%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 = '#341677'.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: #341677 !important;; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #341677 !important; } .selected1 { color: #341677 !important; } .right-title-info1 { color: #341677 !important;; } .count-down1 { background-color: #341677 !important;; } .row { background-color: #341677 !important;; } .color-change { background: #341677 !important; } .color-line { background-color: #341677 !important; } .color-important { background: #341677 !important; } .dawn-bg { background-color: #341677 !important; } .select-Color { background: #341677 !important; } .layui-nav .layui-nav-more { display: none; } .layui-hover:hover { background: #341677 !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 #341677 !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: white !important } .m-color-bg2{ background: #341677 !important; } .m-imp-bg{ background: #341677 !important; } .m-nav-color{ background: #341677 !important; } .m2-right-bg1{ background: #341677 !important; } .rightNavItem{ background: #341677 !important; } .bottomNavItem{ background: #341677 !important; } .bottomLanguage{ background: #341677 !important; } .rightLanguage{ background: #341677 !important; } </style> <script type="text/javascript" src="https://img.ais.cn/thirds/common/stat.js?v=3"></script> <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() } } } }) //轮播样式1 layui.use('carousel', function () { var carousel = layui.carousel; //建造实例 carousel.render({ elem: '#test' , width: '100%' //设置容器宽度 , height: '480px' , arrow: 'always' //始终显示箭头 //,anim: 'fade' //切换动画方式 }); }); </script> </body> </html>