CINXE.COM

2024 International Conference on Computational Modeling and Applied Mathematics - Chinese-Russian Conference "Differential Equations and Applications" (CMAM 2024 & DEA)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>2024 International Conference on Computational Modeling and Applied Mathematics - Chinese-Russian Conference "Differential Equations and Applications" (CMAM 2024 & DEA)</title> <meta name="keyword" content="2024计算建模与应用数学国际学术会议暨中俄微分方程及其应用学术会议(CMAM 2024 & DEIA)"> <meta name="description" content="2024计算建模与应用数学国际学术会议暨中俄微分方程及其应用学术会议(CMAM 2024 & DEA)将于2024年8月2-4日在大连举办,会议由大连海事大学理学院主办。"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/i/iccmam.com.5701ab5.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/202405/322240530150316197.png" alt="logo" class="logo"> <div class="header-Tem-two-span"> <span class="head-company" id="title">2024 International Conference on Computational Modeling and Applied Mathematics - Chinese-Russian Conference "Differential Equations and Applications" (CMAM 2024 & DEA)</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="./rvxktuda" >Organization</a> <li class="layui-nav-item" data-param="3"><a href="./committeeSpeaker" >Committee▼</a> <dl class="layui-nav-child "> <dd><a href="./nmcjcbcr" >Conference Chair</a></dd> <dd><a href="./ylhgnwmu" >Technical Program Committee</a></dd> <dd><a href="./euzcprwv" >Organizing Committee</a></dd> <dd><a href="./jrsifxqv" >Publication Chair</a></dd> </dl> </li> <li class="layui-nav-item" data-param="4"><a href="./speaker" >Speakers </a> <li class="layui-nav-item" data-param="5"><a href="./gstjmcwg" >Submission Guidelines▼</a> <dl class="layui-nav-child "> <dd><a href="./call_for_paper" >Call For Papers</a></dd> <dd><a href="./submission" >Submission and Publication</a></dd> <dd><a href="./download" >Download</a></dd> <dd><a href="./editorial_policy" >Editorial Policy</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> <dd><a href="./icvjroxb" >Visa Application</a></dd> <dd><a href="./vslrdxpb" >Awards</a></dd> </dl> </li> <li class="layui-nav-item" data-param="7"><a href="./contact" >Contact</a> <li class="layui-nav-item" data-param="8"><a href="./venue" >Venue</a> <li class="layui-nav-item" data-param="9"><a href="./more" >More▼</a> <dl class="layui-nav-child "> <dd><a href="https://news.dlmu.edu.cn/info/1021/80447.htm" >Conference Review</a></dd> <dd><a href="./program" >Program</a></dd> <dd><a href="./chinese" >中文</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.iccmam.com/'; 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/202407/322240713131701526.png"/></div> <div><img class="rotation_chart" src="https://fhk.ais.cn/cms/website/functional/pic/202407/322240713131715530.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">About CMAM 2024 & DEA</div> </div> <div class="content-en"> <p style="text-align: justify;"><span style="color: #333333; font-family: PingFangSC, PingFangSC-Semibold; font-weight: 600; text-align: justify; text-wrap: wrap; background-color: #FEFEFE;"></span></p><p style="text-align: justify;"><strong>2024 International Conference on Computational Modeling and Applied Mathematics - Chinese-Russian Conference &quot;Differential Equations and Applications&quot; (CMAM 2024 &amp; DEA) is hosted by&nbsp;Dalian Maritime University. The conference will be held on August 2-4, 2024 in Dalian, China.</strong></p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">2024 International Conference on Computational Modeling and Applied Mathematics (CMAM 2024) is a continuation of the Russian-Chinese Conference &quot;Differential and Difference Equations&quot; held in Novosibirsk in November 2023, and will be centered on the latest research areas of &quot;Applied Mathematics&quot;, &quot;Computational Mathematics&quot; and &quot;Computer Applications&quot;, &quot;The conference will provide an international platform for experts, professors, scholars, engineers, etc. from higher educational institutions, scientific research institutes, enterprises and institutions of domestic and foreign countries to share their scientific experience, expand their professional networks, exchange new ideas and present their research results face-to-face. It provides an international platform for experts, professors, scholars and engineers from domestic and foreign universities and institutes to share their research experiences, expand their professional networks, exchange new ideas face-to-face, and present their research results, to discuss the key challenges and research directions of the development of this field, and to promote scientific and technological innovation. At the same time, it builds a diversified international platform for academic exchanges and industry-university-research cooperation for teachers and students of the university, enhances the academic influence of Dalian Maritime University in this field, cultivates the top scientific research talents, and promotes the high-quality development of the discipline.</p><p style="text-align: justify;">&nbsp;</p><p style="text-align: justify;">*The Conference is supported by the the National Natural Science Foundation of China (No.12371399 and No. 12271340),&nbsp;China Postdoctoral Science Foundation (No. 2023M740468) and&nbsp;the Liaoning Revitalization Talents Program (No. XLYC2203149).</p><p style="text-align: justify;">The Conference is supported by the Mathematical Center in Akademgorodok under the agreement (No. 075-15-2022-282)&nbsp;with the Ministry of Science and Higher Education of the Russian Federation.&nbsp;</p><p style="text-align: justify;"><br/></p><p style="text-align: justify;"><br/></p><p><span style="color: #FF0000;"><strong>CMAM 2024 &amp; DEA has been online by&nbsp;School of Science, Dalian Maritime University.</strong></span></p><p style="text-align: justify;"><img src="https://fhk.ais.cn/cms/website/editor/202403/301240314140303169.jpg" alt="Dingtalk_20240314135601.jpg" width="500" height="288" border="0" vspace="0" style="width: 500px; height: 288px;"/></p><p style="text-align: justify;"><br/></p><p style="text-align: justify;"><a href="https://science.dlmu.edu.cn/index.htm" target="_blank" textvalue="https://science.dlmu.edu.cn/index.htm" style="color: rgb(79, 129, 189); text-decoration: underline;"><span style="color: #4F81BD;">https://science.dlmu.edu.cn/index.htm</span></a></p> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">Important Dates</div> </div> <div class="content-en"> <p><strong>Full Paper Submission Date:&nbsp; June 28, 2024</strong></p><p><strong>Registration Deadline:&nbsp;&nbsp;July 24, 2024</strong></p><p><strong>Final Paper Submission Date:&nbsp;&nbsp;July 29, 2024</strong></p><p><strong>Conference Dates:&nbsp; August 2-4, 2024</strong><span style="color: #000000;"></span></p><p><br/></p> </div> </div> <div class="function"> <div class="more-title"> <div class="more-left change-color-title">Publication</div> </div> <div class="content-en"> <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; white-space: normal; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;">The conference will recommend a variety of publication types, including conference proceedings(EI), SCI journals. If you need translation and retouching services, please contact the conference secretary. Scholars are requested to strictly abide by academic norms and ethics, and not to publish repeatedly or submit more than one manuscript.</span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><br/></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;">At this conference, committee will recommend various types of publications, including conference proceedings (EI) and SCI journals. If you need translation and retouching services, please contact the conference secretary. Scholars are requested to strictly abide by academic norms and ethics, and not to publish repeatedly or submit more than one manuscript.</span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><br/></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><strong><span style="font-family: arial, helvetica, sans-serif; font-size: 18px; color: #000000;">Contribute to Conference Proceedings</span></strong></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; color: #000000; font-family: arial, helvetica, sans-serif; text-align: justify; text-wrap: wrap; background-color: #FFFFFF;"><span style="font-family: arial, helvetica, sans-serif; text-align: justify; text-wrap: wrap; background-color: #FFFFFF;">Papers submitted to CMAM 2024 &amp; DEA will be reviewed by technical committees of the conference.&nbsp;After a careful reviewing process, all accepted papers will be published by Journal of Physics: Conference Series (JPCS) (ISSN:1742-6596) as &quot;2024 International Conference on Computational Modeling and Applied Mathematics&quot; and submitted to EI Compendex and Scopus for indexing.</span></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><br/></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><img src="https://fhk.ais.cn/cms/website/editor/202302/368230204135030348.png" alt="图片13.png" width="300" height="54" border="0" vspace="0" style="width: 300px; height: 54px;"/></span></p><p style="margin-top: 0px; margin-bottom: 0px; white-space: normal; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><br/></span></p><p><span style="color: #000000;"><strong><img src="https://fhk.ais.cn/cms/website/editor/202302/368230204135817351.gif" alt="gif057.gif"/><span style="font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000;">&nbsp;</span></strong></span><a href="https://paper-sub.com/paper/IJVYB2" target="_blank" textvalue="Submission System (Pay by USD)" style="color: rgb(0, 0, 0); text-decoration: underline;"><span style="color: #000000;"><strong>Submission System (Pay by USD)</strong></span></a></p><p><br/></p><p><span style="color: #000000;"><strong><img src="https://fhk.ais.cn/cms/website/editor/202302/368230204135817351.gif" alt="gif057.gif"/><span style="font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000;">&nbsp;</span></strong></span><a href="https://www.ais.cn/attendees/paperSubmit/IJVYB2" target="_blank" textvalue="Submission System (Pay by CNY)" style="color: rgb(0, 0, 0); text-decoration: underline;"><span style="color: #000000;"><strong>Submission System (Pay by CNY)</strong></span></a></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; white-space: normal; text-align: justify;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; white-space: normal; text-align: justify;"><span style="color: #000000;"><strong style="font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 18px; text-align: justify; white-space: normal;"><img src="https://fhk.ais.cn/cms/website/editor/202302/368230204135817351.gif" alt="gif057.gif" style="font-size: 14px;"/>&nbsp;</strong></span><a href="http://www.iccmam.com/download" target="_blank" textvalue="Template Download"><span style="text-decoration: none; color: #000000;"><strong style="font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 18px; text-align: justify; white-space: normal;"><span style="font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000;">Template Download</span></strong></span></a></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; white-space: normal; text-align: justify;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 14px; white-space: normal; text-align: justify;"><br/></p><p style="white-space: normal; text-align: justify; font-size: 14px;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><strong>Note:&nbsp;</strong><br/></span></p><p style="white-space: normal; text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;">1)&nbsp; Papers submitted to the conference should be in English and follow the manuscript template.&nbsp;</span></p><p style="white-space: normal; text-align: justify;"><br/></p><p style="text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><br/></span></p><p style="text-align: justify;"><span style="font-size: 16px; font-family: arial, helvetica, sans-serif; color: #000000;"><br/></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© &nbsp; 大连海事大学理学院 </p> <p>2024 International Conference on Computational Modeling and Applied Mathematics - Chinese-Russian Conference "Differential Equations and Applications" (CMAM 2024 & DEA) &nbsp;&nbsp; http://www.iccmam.com/ <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1281326187'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z.js%3Fid%3D1281326187%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 = '#D80063'.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: #D80063 !important;; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #D80063 !important; } .selected1 { color: #D80063 !important; } .right-title-info1 { color: #D80063 !important;; } .count-down1 { background-color: #D80063 !important;; } .row { background-color: #D80063 !important;; } .color-change { background: #D80063 !important; } .color-line { background-color: #D80063 !important; } .color-important { background: #D80063 !important; } .dawn-bg { background-color: #D80063 !important; } .select-Color { background: #D80063 !important; } .layui-nav .layui-nav-more { display: none; } .layui-hover:hover { background: #D80063 !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 #D80063 !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: white !important } .m-color-bg2{ background: #D80063 !important; } .m-imp-bg{ background: #D80063 !important; } .m-nav-color{ background: #D80063 !important; } .m2-right-bg1{ background: #D80063 !important; } .rightNavItem{ background: #D80063 !important; } .bottomNavItem{ background: #D80063 !important; } .bottomLanguage{ background: #D80063 !important; } .rightLanguage{ background: #D80063 !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>

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