CINXE.COM
Explore ASTRO Series PV Modules | For A Greener World
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta content="email=no" name="format-detection"> <meta content="telephone=no" name="format-detection"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>Explore ASTRO Series PV Modules | For A Greener World</title> <meta name="keywords" content="ASTRO PV Modules" > <meta name="description" content="Thanks to big-size wafer, both Astronergy bifacial and monofacial ASTRO series Solar Panels could be perfectly applied in various use scenarios." > <link rel="shortcut icon" href="/wp-content/themes/mine/images/favicon.ico"> <link rel="Bookmark" href="/wp-content/themes/mine/images/favicon.ico"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-58ZXNBT');</script> <!-- End Google Tag Manager --> <link href="https://www.astronergy.com/wp-content/themes/mine/style.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/animate.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/swiper.min.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/common.min.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/media.css" rel="stylesheet" type="text/css"> <body> <div class="mainbody"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58ZXNBT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <link href="https://www.astronergy.com//wp-includes/css/dist/block-library/style.css" rel="stylesheet" type="text/css"> <style> figure{width:100%;} .newsDet .newsDet-main .content img{ display: inline-block; } </style> <header class="header"> <a href="https://www.astronergy.com/" class="logo"> <!-- <img class="nb" src="/wp-content/themes/mine/images/logo.png" alt="">--> <img class="nb" src="https://www.astronergy.com/wp-content/uploads/2023/05/logo_w.png" alt="Logo"> <img class="wb" src="/wp-content/themes/mine/images/logo_b.png" alt=""> </a> <div class="right"> <!--导航栏开始--> <div class="nav"> <ul> <li> <a href="https://www.astronergy.com/about-astronergy/" class="link">About<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/" >About Astronergy</a> <a href="https://www.astronergy.com/smart-manufacturing/" >Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/" >CHINT Group</a> <a href="https://www.astronergy.com/sustainability/" >Sustainability</a> <a href="https://www.astronergy.com/compliance/" >Compliance</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/product-series/" class="link">Products<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/">Application Scenarios</a> <a href="https://www.astronergy.com/applied-cases/utility-scale-power-station/">Applied Cases</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/news/" class="link">News & Events<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/news/">News</a> <a href="https://www.astronergy.com/expos/">Expos</a> <a href="https://www.astronergy.com/events/">Events</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/download-center/" class="link">Service<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/download-center/">Download Center</a> <a href="https://www.astronergy.com/module-authenticity/">Module Authenticity</a> <a href="https://www.astronergy.com/pv-planner/">PV Planner</a> <a href="https://gcqsportal.astronergy.com.cn/#/en_US/login" target="_blank">After-sales Service</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/contact-us/" class="link">Contact Us</a> </li> </ul> </div> <!--导航栏结束--> <style> .menu-item a{ display: block; font-size: 0.9375vw; line-height: 3.9583vw; color: #fff; } .header .nav ul .sub-menu { visibility: hidden; position: absolute; left: 0; top: 4.1667vw; background: rgba(0,0,0,0.3); width: 100%; height: 0vw; justify-content: center; align-items: center; opacity: 0; } .sub-menu a{ display: block; font-size: 0.7813vw; line-height: 1.25vw; color: #fff; padding: 0 2.0833vw; border-right: 1px solid rgba(255,255,255,0.24); } .sub-menu a.active{ color: #18AD5E; } .header .nav li .sub-menu li{ height: auto; margin-right: 0vw; } .header .nav li .sub-menu li:hover{ border-bottom:none; color: #18AD5E; } .header .nav li .sub-menu li:hover a{ color: #18AD5E; } .header .nav li:hover .sub-menu{ visibility: inherit; transition: all 0.3s ease-in-out; opacity: 1; height: 3.125vw; } </style> <!--导航栏结束--> <div class="language"> <p>English</p> <ul> <li><a href="https://www.astronergy.com.cn">简体中文</a></li> <li><a href="https://www.astronergy.com/">English</a></li> <li><a href="https://www.astronergy.fr/" target="_blank">Français</a></li> <li><a href="https://www.astronergy.com.cn/br">Português</a></li> <li><a href="https://www.astronergy.com.cn/es">Español</a></li> <li><a href="https://www.astronergy.com.cn/ar">اللغة العربية</a></li> <li><a href="https://www.astro-energy.co.jp">日本語</a></li> <li><a href="https://de.astronergy.com">Deutsch</a></li> <li><a href="https://it.astronergy.com">Italiano</a></li> <li><a href="https://www.astronergy.com.au/">English(AU)</a></li> </ul> </div> <div class="search"> <div class="search-erify"> <div class="container"> <div class="search-main" > <form action="https://www.astronergy.com/" method="get" > <input type="text" class="text" value="" autocomplete="off" placeholder="Please enter a keyword" name="s" style="width:100%;" > <!--<input type="submit" class="close motion" value="" style="display:block" />--> </form> </div> </div> </div> </div> </div> </header> <!-- 移动端 --> <div class="m-header"> <div class="container clearfix"> <a class="logo fl" href="https://www.astronergy.com/"> <img class="nb" src="/wp-content/themes/mine/images/logo.png" alt=""> <img class="wb" src="/wp-content/themes/mine/images/logo_b.png" alt=""> </a> <div class="nav fr"></div> <div class="search fr"></div> </div> <div class="m-main"> <div class="container"> <div class="box"> <div class="item"> <div class="top">About Us</div> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/">About Astronergy</a> <a href="https://www.astronergy.com/smart-manufacturing/">Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/">CHINT Group</a> <a href="https://www.astronergy.com/sustainability/">Sustainability</a> <a href="https://www.astronergy.com/compliance/">Compliance</a> </div> </div> <div class="item"> <div class="top">Products</div> <div class="list"> <a href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/">Application Scenarios</a> <a href="https://www.astronergy.com/applied-cases/utility-scale-power-station/">Applied Cases</a> </div> </div> <div class="item"> <div class="top">News & Events</div> <div class="list"> <a href="https://www.astronergy.com/news/">News</a> <a href="https://www.astronergy.com/expos/">Expos</a> <a href="https://www.astronergy.com/events/">Events</a> </div> </div> <div class="item"> <div class="top">Service</div> <div class="list"> <a href="https://www.astronergy.com/download-center/">Download Center</a> <a href="https://www.astronergy.com/module-authenticity/">Module Authenticity</a> <a href="https://www.astronergy.com/pv-planner/">PV Planner</a> </div> </div> <div class="item"> <div class="top">Contact Us</div> <div class="list"> <a href="https://www.astronergy.com/contact-us/">Contact Us</a> </div> </div> <div class="item"> <div class="top">Recruitment</div> <div class="list"> <a href="https://www.astronergy.com/work-at-astronergy">Work at Astronergy</a> </div> </div> </div> <div class="language-select"> <p>Language</p> <ul> <li><a href="https://www.astronergy.com.cn">简体中文</a></li> <li><a href="https://www.astronergy.com/">English</a></li> <li><a href="https://www.astronergy.fr/">Français</a></li> <li><a href="https://www.astronergy.com.cn/br">Português</a></li> <li><a href="https://www.astronergy.com.cn/es">Español</a></li> <li><a href="https://www.astronergy.com.cn/ar">اللغة العربية</a></li> <li><a href="https://www.astro-energy.co.jp">日本語</a></li> <li><a href="https://de.astronergy.com">Deutsch</a></li> <li><a href="https://it.astronergy.com">Italiano</a></li> <li><a href="https://www.astronergy.com.au/">English(AU)</a></li> </ul> </div> </div> </div> <div class="m-search"> <form action="https://www.astronergy.com/" method="get"> <input name="s" class="text fl" placeholder="Please enter a keyword" type="text"> <input class="btn fr" value="" type="submit"> </form> </div> </div> <div class="m-height"></div> <div class="sub-banner pro-banner"> <img class="xs-hidden" src="/wp-content/themes/mine/images/banner/Astronergy Product Center-Full Series.jpg" alt="Astronergy Product Center-Full Series"> <img class="xs-show" src="/wp-content/themes/mine/images/banner/Astronergy Product Center.jpg" alt="Astronergy Product Center"> <div class="main"> <div class="container"> <h3>Products</h3> <div class="sub-search"> <form action="https://www.astronergy.com/" method="post"> <input type="text" placeholder="Please enter a keyword" autocomplete="off" type="search" class="text" value="" name="s" /> <input type="submit" value="Search" class="btn"> <input type="hidden" name="__hash__" value="5e197c2c9e785107a0d273a8fdb736e4_fe61fb0dee2ddbec3bcaa126a41013af" /> </form> </div> </div> </div> </div> <div class="website"> <div class="container"> <div class="nav"> <div class="list"> <a class="active" href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/">Application Scenarios</a> <a href="https://www.astronergy.com/applied-cases/utility-scale-power-station/">Applied Cases</a> <a href="https://gcqsportal.astronergy.com.cn/#/en_US/login" target="_blank">After-sales Service</a> </div> </div> <div class="right"> <a href="https://www.astronergy.com/" class="home"><i></i>Home</a> <span>></span> <span class="last">Products</span> </div> </div> </div> <div class="product"> <div class="pro-nav wow fadeInDown"> <div class="container"> <div class="list"> <a href="javascript:void(0);" scrolltarget="#astro-n8" class="scroll_nav active" ><span>ASTRO N8</span> </a> <a href="javascript:void(0);" scrolltarget="#astro-n7" class="scroll_nav " ><span>ASTRO N7</span> </a> <a href="javascript:void(0);" scrolltarget="#astro-n7s" class="scroll_nav "><span>ASTRO N7s</span> </a> <a href="javascript:void(0);" scrolltarget="#astro-n5" class="scroll_nav "><span>ASTRO N5</span> </a> </div> </div> </div> <div class="pro-list"> <div class="item" id='astro-n8'> <!--<a name="anchor_10002" class="anchor"></a>--> <div class="pro-top"> <div class="container"> <div class="pic wow"> <img src="https://www.astronergy.com/wp-content/uploads/2024/11/0-ASTRO-N8-720W-1.png" alt=""> </div> <div class="main wow"> <div class="name"><span>ASTRO</span> N8</div> <!-- <div class="name">--><!--</div>--> <div class="prams">720W Ultra-High Power PV Modules</div> <div class="txt"> <p> The ASTRO N8 series employs Astronergy's self-developed n-type TOPCon 4.0 cell technology and 210mm large-size silicon wafers, combined with SMBB technology. With light redirecting film and double layer coating glass, further enhance power generation per watt. Low Voc design significantly reduce BOS cost and LCOE. </p> </div> </div> </div> </div> <div class="pro-main"> <div class="container"> <div class="list"> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n8-720w-66bifacial/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2024/11/0-ASTRO-N8-720W.png" alt=""> </div> <div class="name">ASTRO N8-720W-66-Bifacial</div> </a> </div> </div> </div> </div> <div class="item" id='astro-n7'> <!--<a name="anchor_10002" class="anchor"></a>--> <div class="pro-top"> <div class="container"> <div class="pic wow"> <img src="https://www.astronergy.com/wp-content/uploads/2023/06/210R-66N双玻.png" alt=""> </div> <div class="main wow"> <div class="name"><span>ASTRO</span> N7</div> <!-- <div class="name">--><!--</div>--> <div class="prams">630W Ultra-High Power PV Modules</div> <div class="txt"> <p> The ASTRO N7 series employs Astronergy's self-developed latest n-type TOPCon 4.0 cell technology and rectangular silicon wafers, combined with SMBB technology. Coupled with Light Redirecting Film and double layer coating glass, the entire product serie achieves high power, high efficiency, high reliability, high per-watt energy generarion, and low BOS and LCOE cost, embodying the module performance at an international leading level. </p> </div> </div> </div> </div> <div class="pro-main"> <div class="container"> <div class="list"> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n7-620w-bifacial-series-182/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2024/10/210R-66N双玻.png" alt=""> </div> <div class="name">ASTRO N7-630W-66-Bifacial</div> </a> </div> </div> </div> </div> <div class="item" id='astro-n7s' > <!--<a name="anchor_10001" class="anchor"></a>--> <div class="pro-top"> <div class="container"> <div class="pic wow"> <img src="https://www.astronergy.com/wp-content/uploads/2024/06/1-ASTRO-N7s-445W.png" alt=""> </div> <div class="main wow"> <div class="name"><span>ASTRO</span> N7s</div> <!-- <div class="name">--><!--</div>--> <div class="prams">465W/460W High Power Modules</div> <div class="txt"> <p> The ASTRO N7s series utilizes ZBB-TF technology, featuring Astronergy's self-developed TOPCon 4.0 high-efficiency cell technology and rectangular silicon wafers, further enhancing power generation performance and reliability. Benefits to the design with no busbars, no PAD points, and noharpoon-like grid lines, the product boasts an all-black integrated appearance, offering superior aesthetics. With dimensions under 2 ㎡ and moderate weight, it is easy for a single person to install and transport. It can be installed on rooftops and balconies, making it suitable for residential and distributed scenarios. </p> </div> </div> </div> </div> <div class="pro-main"> <div class="container"> <div class="list"> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n7s-54-bifacial/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2024/08/9-ASTRO-N7s-465W.png" alt=""> </div> <div class="name">ASTRO N7s-465W-54-Bifacial</div> </a> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n7s-450w-bifacial-series-182/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2024/03/1-ASTRO-N7s-445W.png" alt=""> </div> <div class="name">ASTRO N7s-460W-54-Bifacial(Black)</div> </a> </div> </div> </div> </div> <!--预留分类一--> <div class="item" id='astro-n5'> <!--<a name="anchor_10003" class="anchor"></a>--> <div class="pro-top"> <div class="container"> <div class="pic wow"> <img src="https://www.astronergy.com/wp-content/uploads/2023/06/ASTRON.png" alt=""> </div> <div class="main wow"> <div class="name"><span>ASTRO</span> N5</div> <div class="prams">650W/600W Ultra-High Power PV Modules</div> <div class="txt"> <p> The ASTRO N5 series employs Astronergy's self-developed latest n-type TOPCon 4.0 cell technology and 182mm large-size silicon wafers, combined with SMBB technology. With high-density encapsulation, non-destructive cutting, and other advanced processes, the product further enhances power generation performance and reliability to meet customers' all-scenario application needs. </p> </div> </div> </div> </div> <div class="pro-main"> <div class="container"> <div class="list"> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n5-630w-bifacial-series-182/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2023/04/ASTRO-N5-625W-Bifacial-Series-182.png" alt=""> </div> <div class="name">ASTRO N5-650W-78-Bifacial</div> </a> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n5-595w-monofacial-series-182/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2023/04/ASTRO-N5-585W-Monofacial-Series-182.png" alt=""> </div> <div class="name">ASTRO N5-605W-72-Monofacial</div> </a> <a class="wow fadeInUp moveAction" href="https://www.astronergy.com/product-series/astro-n5-595w-bifacial-series-182/"> <div class="pic"> <img class="motion" src="https://www.astronergy.com/wp-content/uploads/2023/06/5-ASTRO-N5-600W.png" alt=""> </div> <div class="name">ASTRO N5-600W-72-Bifacial</div> </a> </div> </div> </div> </div> <!--预留分类二--> </div> </div> <!--底部开始--> <style> .footer .top .item .list a,.footer .top .item .list p{ white-space: nowrap; } .footer .top .item .title{ white-space: nowrap; } .header{background:#fff; border-bottom: 1px solid #F2F2F2; height: 70px!important;} .header .nav li .link { color: #333; } .header .language p { color: #333; } .header .language::before { background-image: url(/wp-content/themes/mine/images/language_b.png); } .header .search { background-image: url(/wp-content/themes/mine/images/search_b.png); } .header .logo .wb{ display:block; width: 100%; } .header .logo .nb { display: none; } .header .nav li .link i { background-image: url(/wp-content/themes/mine/images/arrowT_b.png); } .home .news-box .list .txt{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .home .swiper-banner .main .box{ min-height: 5vw; margin-bottom:10px; } .newsDet .newsDet-main .name{ font-size: 24px; </style> <footer class="footer wow fadeInUp"> <div class="top"> <div class="container"> <div class="nav"> <div class="item"> <div class="title">About</div> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/">About Astronergy</a> <a href="https://www.astronergy.com/smart-manufacturing/">Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/">CHINT Group</a> <a href="https://www.astronergy.com/sustainability/">Sustainability</a> <a href="https://www.astronergy.com/compliance/">Compliance</a> </div> </div> <div class="item" > <div class="title">Products</div> <div class="list"> <a href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/"><p style="width: 150px;">Application Scenarios</p></a> <a href="https://www.astronergy.com/applied-cases/">Applied Cases</a> </div> </div> <div class="item"> <div class="title">News & Events</div> <div class="list"> <a href="https://www.astronergy.com/news/">News</a> <a href="https://www.astronergy.com/expos/">Expos</a> <a href="https://www.astronergy.com/events/">Events</a> </div> </div> <div class="item" > <div class="title">Downloads</div> <div class="list"> <a href="https://www.astronergy.com/download-center/">Download Center</a> <a href="https://www.astronergy.com/module-authenticity/">Module Authenticity</a> <a href="https://www.astronergy.com/pv-planner/">PV Planner</a> </div> </div> <div class="item" > <div class="title">Contact Us</div> <div class="list"> <a href="https://www.astronergy.com/contact-us/">Contact Us</a> </div> </div> <div class="item xs-show"> <div class="title">Recruitment</div> <div class="list"> <a href="https://www.astronergy.com/work-at-astronergy/">Work at Astronergy</a> </div> </div> </div> <div class="right"> <!--<div class="mail">--> <!-- <p>Email</p>--> <!-- <a href="mailto:marketing.astro@Astronergy.com" target="_blank"> marketing.astro@Astronergy.com</a>--> <!--</div>--> <div class="ewm" > <p >Follow us on <a href="https://www.linkedin.com/company/astronergy-solar/" target="_blank">LinkedIn</a></p> <p>@Astronergy Solar </p> <!--<img src="/static/front/img/ewm.jpg" alt="">--> <!--<p>WeChat</p>--> </div> <div class="clear"></div> </div> </div> </div> <div class="bot"> <div class="container"> <div class="left"> <div class="friend-select"> <p>Quick Links</p> <div class="erify"> <div class="friend-scroll" id="friendScroll"> <div class="scroll"> <ul> <li><a href="https://www.chint.com/" class="motion" target="_blank">CHINT Group</a></li> <li><a href="https://energy.chint.com" class="motion" target="_blank">CHINT Solar</a></li> <li><a href="https://www.chintanneng.com/" class="motion" target="_blank">CHINT Anneng</a></li> <li><a href="https://www.chintpower.com/" class="motion" target="_blank">CHINT Power Systems</a></li> </ul> </div> </div> </div> </div> <a href="https://www.astronergy.com/index.php/work-at-astronergy" class="link">Work at Astronergy<i class="motion"></i></a> </div> <div class="right"> COPYRIGHT © 2023 Chint New Energy Technology Co., Ltd. ALL RIGHTS RESERVED <!--COPYRIGHT © 2017 正泰新能科技有限公司 ALL RIGHTS RESERVED <a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备2022018144号-1</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33048102001007"><img src="/static/front/images/beian.png">浙公网安备 33048102001007号</ a>--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d09945a69e04b3a84331d5c1a77ded16"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--<a href="https://www.astronergy.com/privacy-policy/">| Privacy Policy |</a>--> <!--<a href="https://www.astronergy.com/terms-of-use/"> Terms of Use |</a>--> <a href="https://www.astronergy.com/wp-content/uploads/2023/07/Astronergy Websites-Privacy Policy.pdf" target="_blank">| Privacy Policy |</a> <a href="https://www.astronergy.com/wp-content/uploads/2023/07/Astronergy Websites-Terms of Use.pdf" target="_blank"> Terms of Use |</a> </div> </div> </div> </footer> <link href="/wp-content/themes/mine/fixcss4.css?v=4" rel="stylesheet" type="text/css"> <link href="/wp-content/themes/mine/fixcssfin.css" rel="stylesheet" type="text/css"> <!--底部结束--> <a href="javascript:void(0);" class="backup"><i></i></a> </div> <!--提示弹窗--> <div class="msg-pop-main"><p></p></div> <script src="/wp-content/themes/mine/js/jquery-3.6.0.min.js"></script> <script src="/wp-content/themes/mine/js/wow.js"></script> <script src="/wp-content/themes/mine/js/swiper.min.js"></script> <script src="/wp-content/themes/mine/js/scrollbar.js"></script> <script src="/wp-content/themes/mine/js/jedate.min.js"></script> <script src="/wp-content/themes/mine/js/common.js"></script> <script type="text/javascript"> $(function(){ $('.scroll_nav').click(function(){ let id = $(this).attr('scrolltarget'); $('.scroll_nav').removeClass("active"); $(this).addClass("active"); let top = $(id).offset().top; console.log($(id)); console.log(top); var windowW = $(window).width(); if (windowW < 768) { $('html,body').animate({scrollTop: top - 105}, 500); }else{ $('html,body').animate({scrollTop: top - 20}, 500); } }); }); </script> <script> $(function(){ new hScroll({ nav1: '.pro-nav a', //导航对应的元素 nav2: '.pro-list .item', //监听的元素 checkClass: 'active' //选中的样式 }); $('.pro-nav a').click(function(){ $(this).addClass('active').siblings().removeClass('active'); }); $('.pro-list .item').each(function(){ var index = $(this).index(); if(index%2 === 0) { $(this).find('.pro-top .pic').addClass('fadeInLeft'); $(this).find('.pro-top .main').addClass('fadeInRight'); } else { $(this).find('.pro-top .pic').addClass('fadeInRight'); $(this).find('.pro-top .main').addClass('fadeInLeft'); } }); }); </script> </body> </html>