Malaysia - Welcome To Fireworks, Asia's Largest Trade Media Group

<!DOCTYPE html>   <html lang="en">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Malaysia - Welcome To Fireworks, Asia's Largest Trade Media Group</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <meta name="description" content="Join Asia Fireworks, Asia's largest trade media group, for leading trade exhibitions, conferences, and business publications.">  <meta name="keywords" content="Asia Fireworks, Asia trade exhibitions, business conferences, industry publications, Asia industry events">  <meta property="og:title" content="Welcome To Fireworks, Asia's Largest Trade Media Group"/> <meta property="og:description" content="Discover leading industry events and business opportunities with Asia Fireworks, a leader in trade exhibitions and conferences in Asia."/> <meta property="og:image" content="https://ik.imagekit.io/ufuaasox4ii/1602649782_uQpmLIpRP.png"/> <meta property="og:url" content="https://asiafireworks.com"/>  <meta name="twitter:title" content="Welcome To Fireworks, Asia's Largest Trade Media Group"> <meta name="twitter:description" content="Stay updated with the latest in Asia's trade industry with Asia Fireworks, a pioneer in exhibitions and business conferences."> <meta name="twitter:image" content="https://ik.imagekit.io/ufuaasox4ii/1602649782_uQpmLIpRP.png"> <meta name="twitter:card" content="summary_large_image"> <script src="https://asiafireworks.com/HTWF/scripts/jquery.min.js"></script> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/bootstrap/css/bootstrap.css"> <script type="text/javascript" src="https://asiafireworks.com/HTWF/scripts/script.js"></script> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/style.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/content-box.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/image-box.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/animations.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/css/components.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/flexslider/flexslider.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/magnific-popup.css"> <link rel="stylesheet" href="https://asiafireworks.com/HTWF/scripts/php/contact-form.css"> <link rel="stylesheet" href="skin.css"> <link rel="icon" href="https://fireworksbi.com/img/file/01qUT0=6VXlOVGTVRVME5MzTnpFd.png"> <style type="text/css"> .navbar-mini, .navbar-mini:not(.hidden) + .navbar-main .navbar-header:after{ background: #ef8422; } .navbar-mini *, .navbar-mini i, .navbar-mini .fa, .fbeep, .fbeep h3, .fbeep p, .fbeep small{ color: #fff; } .navbar-mini:not(.hidden) + .navbar-main .navbar-brand { margin-top: 17px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-top: 3px; } .navbar-brand { padding: 0; } .navbar-brand img { height: 67px; } .advs-box-top-icon.boxed-inverse .icon{ background: #ee8422; } .fa.fa-user-o.icon.circle.anima{ color: #fff; } [class*="header-"] .title-base p { margin-top: 30px; font-family: 'Righteous', cursive; } [class*="header-"] .title-base h1, [class*="header-"] .title-icon h2, [class*="header-"] .title-icon h1, [class*="header-"] .title-base.title-small h2 { font-family: 'Righteous', cursive; } @media screen and (max-width: 1920px) { .col-md-6:nth-child(2n+1) { clear: left; } } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3PQ2L6N6WQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3PQ2L6N6WQ'); </script> </head> <body> <div id="preloader"></div> <header class="fixed-top scroll-change" data-menu-anima="fade-in"> <div class="navbar navbar-default mega-menu-fullwidth navbar-fixed-top" role="navigation"> <div class="navbar-mini scroll-hide"> <div class="container"> <div class="nav navbar-nav navbar-left"> <span><i class="fa fa-phone" style="margin-left: 10px;"></i>(+65) 6631 8369</span> <hr /> <span><i class="fa fa-envelope"></i><a href="mailto:info@fireworkssg.com">info@fireworkssg.com</a></span> <hr /> <span> <i class="fa fa-map-marker"></i>1 Scotts Road, #24-10, Shaw Centre, Singapore 228208</span> </div> <div class="nav navbar-nav navbar-right"> <div class="minisocial-group"> <a target="_blank" href="https://www.instagram.com/fireworks.idn/"><i class="fa fa-instagram first"></i><https://www.youtube.com/channel/UCwyqjWCcyNv59XXWzBGvG9Q/videosa> <a target="_blank" href="https://www.youtube.com/channel/UCwyqjWCcyNv59XXWzBGvG9Q/videos"><i class="fa fa-youtube"></i></a> <a target="_blank" href="https://www.linkedin.com/in/fireworksindonesia/?originalSubdomain=id"><i class="fa fa-linkedin"></i></a> </div> </div> </div> </div> <div class="navbar navbar-main"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="https://asiafireworks.com/"> <img class="logo-default" src="https://fireworksbi.com/img/file/17110108695c63bc.png?w=300" style="height: 64px; margin-top: 3px;" alt="logo" /> <img class="logo-retina" src="https://fireworksbi.com/img/file/17110108695c63bc.png?w=300" style="height: 64px; margin-top: 3px;" alt="logo" /> </a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="https://asiafireworks.com/?expo" class="dropdown-toggle" data-toggle="dropdown" role="button">Home</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">About Us <span class="caret"></span></a> <ul class="dropdown-menu multi-level"> <li> <a href="https://asiafireworks.com/board-members.html">Board Members</a> </li> <li> <a href="https://asiafireworks.com/the-fireworks-beep">The Fireworks BEEP</a> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Our Events <span class="caret"></span></a> <ul class="dropdown-menu multi-level"> <li><a href="https://asiafireworks.com/indonesia.html">Indonesia</a></li> <li><a href="https://asiafireworks.com/thailand.html">Thailand</a></li> <li><a href="https://asiafireworks.com/malaysia.html">Malaysia</a></li>  <li><a href="https://asiafireworks.com/philippines.html">Philippines</a></li> <li><a href="https://asiafireworks.com/singapore.html">Singapore</a></li> <li><a href="https://asiafireworks.com/vietnam.html">Vietnam</a></li>      </ul> </li> <li> <a href="https://asiafireworks.com/videos.html">Videos</a> </li> <li> <a href="https://asiafireworks.com/social-responsibility.html">Social Responsibility</a> </li> <li> <a href="https://asiafireworks.com/work-with-us.html">Work With Us</a> </li> <li> <a href="https://asiafireworks.com/contact-us.html">Contact Us</a> </li> </ul> <div class="nav navbar-nav navbar-right">  <ul class="nav navbar-nav lan-menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><img src="https://ik.imagekit.io/ufuaasox4ii/U1nPT0_EWTBNemTVRVMU1szT1RJN_1YZo3_9Yl.png" alt="EN" />EN<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a target="_blank" href="http://www.fireworks-cn.com/"><img src="https://ik.imagekit.io/ufuaasox4ii/k1qZz0_EWTBNemTVRVMU1cyTlRjM_qefxT3PCu.jpg" alt="CN" />CN</a></li> </ul> </li> </ul> </div> </div> </div> </div> </div> </header> <link href="https://fonts.googleapis.com/css?family=Righteous" rel="stylesheet"> <style type="text/css"> .header_wording { font-family: 'Righteous', cursive; color: #ffffff; font-size: 3vw; /*text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border: 1px solid #fff; padding: 10px; width: 400px; padding: 20px 40px 20px 40px; z-index: 1;*/ } .slide_body::after{ content: " "; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } body .row-18 { height: 550px !important; } </style> <div style="position: relative;"> <div style="position: absolute;"></div> </div> <div class="section-empty no-paddings"> <div class="section-slider row-18"> <div class="flexslider advanced-slider slider" data-options="animation:fade"> <ul class="slides"> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/WTFNUT09a3dOekl4TVRZM01qTXpVNE56.jpg')"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">We Are The Definition of Events</div> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </div> </li> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/Y3hOUT09Z3hPVGd4TVRZM01qTkRZd01q.jpg'); background-position: center;"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">We Are The Definition of Events</div> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </div> </li> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/VTBNQT09Z3hOek0yTVRZM01qTmpjd05E.jpg'); background-position: top;"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">We Make Events... Tick...</div> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </div> </li> <li data-slider-anima="fade-left" data-time="1000" class="slide_body"> <div class="section-slide"> <div class="bg-cover" style="background-image:url('https://fireworksbi.com/img/file/a3lPUT09a3dOekkyTVRZM01qTnpRNU1q.jpg'); background-position: center;"> </div> <div class="container"> <div class="container-middle"> <div class="container-inner text-left"> <hr class="space m visible-sm" /> <div class="row"> <div class="col-md-9 anima"> <div class="header_wording">Bridging Industries Our Way...</div> </div> <hr class="space s" /> </div> <div class="col-md-6"> </div> </div> <hr class="space visible-sm" /> </div> </div> </div> </li> </ul> </div> </div> </div> <img src="https://ik.imagekit.io/ufuaasox4ii/E1UVT0_qTTFPRGTVRVMU1d4TlRjN_mPDH2mChK.png" style="width: 100%;"> <div class="header-title ken-burn white" style="display: none;"> <div class="container"> <div class="title-base"> <hr class="anima" /> <h1>Malaysia <img src="https://ik.imagekit.io/ufuaasox4ii/1200px-Flag_of_Malaysia.svg_CiGIp-g4OJN.png?updatedAt=1637202113623&tr=h-30" style="max-height: 30px;"></h1> <p>Bridging Industries Our Way...</p> </div> </div> </div> <div class="section-empty"> <div class="container content"> <div class="row proporzional-row"> <div class="col-md-3"> <div style="text-align: justify;"> <p> <strong>“Well, our events are as mentioned earlier…, not to be missed.”</strong> However, if you do happen to miss any of our events (sigh) do pop us an enquiry at <a href="mailto:info@fireworksmy.com" style="text-decoration: underline; font-weight: bold;">info@fireworksmy.com</a> and we’ll gladly help in any way we can. </p> <div style="clear: both; height: 20px;"></div> <p align="right"><a href="https://asiafireworks.com/download/CALENDAR OF EVENTS 2025.pdf?1732359366" style="background: #e88001;padding: 10px 17px;font-weight: bold;color: #fff;border-radius: 5px;font-size: 16px;"><i class="fa fa-calendar" aria-hidden="true" style="color:#fff; margin-right:4px;"></i> View Calender Of Event</a></p> </div> </div> <div style="clear: both; height: 50px;"></div> <div class="col-md-7"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-6" style="margin-bottom: 30px; overflow:hidden;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center;"> <a href="https://palmoilfair.com/" target="_blank"><img src="https://ik.imagekit.io/x09prsnsb/MAPEX%202025_D-sNMQTno.png?tr=w-300" style="max-width: 90%; max-height: 100px;" alt="Mapex Malaysia"> </a> </div> <p> <strong>Malaysia Palm Oil Expo 2025 (MAPEX)</strong> </p> <div style="clear: both; height: 20px;"></div> <p> <strong style="float: left; width: 24%;">Date</strong> <span style="float: left; width: 75%;">11-12 June 2025</span> </p> <p> <strong style="float: left; width: 24%;">Venue</strong> <span style="float: left; width: 75%;">Sandakan Community Hall, Sabah Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Country</strong> <span style="float: left; width: 75%;">Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Website</strong> <span style="float: left; width: 75%;"><a href="https://palmoilfair.com/" target="_blank">www.palmoilfair.com</a></span> </p> </div> <div class="col-md-6" style="margin-bottom: 30px; overflow:hidden;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center;"> <a href="https://www.emaxasia.com/" target="_blank"><img src="https://ik.imagekit.io/3yr369y30/Website/Emax%202025%20logo%202000x1000px-01.png" style="max-width: 90%; max-height: 100px;" alt="EMAX Asia"> </a> </div> <p> <strong>Electronics Manufacturing Expo Asia (EMAX) 2025</strong> </p> <div style="clear: both; height: 20px;"></div> <p> <strong style="float: left; width: 24%;">Date</strong> <span style="float: left; width: 75%;">23-25 July 2025</span> </p> <p> <strong style="float: left; width: 24%;">Venue</strong> <span style="float: left; width: 75%;">Setia SPICE Arena, Penang, Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Country</strong> <span style="float: left; width: 75%;">Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Website</strong> <span style="float: left; width: 75%;"><a href="https://www.emaxasia.com/" target="_blank">www.emaxasia.com</a></span> </p> </div> </div> </div> <div class="col-md-12"> <div class="row"> <div class="col-md-6" style="margin-bottom: 30px; overflow:hidden;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center;"> <a href="https://penang-expo.com/" target="_blank"><img src="https://ik.imagekit.io/3yr369y30/Website/Pmax%202025%20logo%202000x1000px-01.png" style="max-width: 90%; max-height: 100px;" alt="Penang Manufacturing Expo (PMAX)"> </a> </div> <p> <strong>Penang Manufacturing Expo (PMAX) 2025</strong> </p> <div style="clear: both; height: 20px;"></div> <p> <strong style="float: left; width: 24%;">Date</strong> <span style="float: left; width: 75%;">23-25 July 2025</span> </p> <p> <strong style="float: left; width: 24%;">Venue</strong> <span style="float: left; width: 75%;">Setia SPICE Arena, Penang, Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Country</strong> <span style="float: left; width: 75%;">Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Website</strong> <span style="float: left; width: 75%;"><a href="https://penang-expo.com/" target="_blank">www.penang-expo.com</a></span> </p> </div> <div class="col-md-6" style="margin-bottom: 30px; overflow:hidden;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center;"> <a href="https://smaxasia.com/" target="_blank"><img src="https://ik.imagekit.io/by5zmjhxl/Website/SMAX%202025-01.png?tr=w-400" style="max-width: 70%; max-height: 100px;" alt="Mapex Malaysia"> </a> </div> <p> <strong>Semiconductor Asia Expo (SMAX) 2025</strong> </p> <div style="clear: both; height: 20px;"></div> <p> <strong style="float: left; width: 24%;">Date</strong> <span style="float: left; width: 75%;">23-25 July 2025</span> </p> <p> <strong style="float: left; width: 24%;">Venue</strong> <span style="float: left; width: 75%;">Setia SPICE Arena, Penang, Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Country</strong> <span style="float: left; width: 75%;">Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Website</strong> <span style="float: left; width: 75%;"><a href="https://smaxasia.com/" target="_blank">www.smaxasia.com</a></span> </p> </div> </div> </div> <div class="col-md-12"> <div class="row"> <div class="col-md-6" style="margin-bottom: 30px; overflow:hidden;"> <div style="display: flex; justify-content: center; align-items: center; height: 120px; text-align: center;"> <a href="https://www.mimox-malaysia.com/" target="_blank"><img src="https://ik.imagekit.io/edrrutawqt/MIMOX-2025-Logo-01-min.png" style="max-width: 90%; max-height: 100px;" alt="Penang Manufacturing Expo (PMAX)"> </a> </div> <p> <strong>Malaysia Marine, Oil & Gas and Offshore Expo 2025</strong> </p> <div style="clear: both; height: 20px;"></div> <p> <strong style="float: left; width: 24%;">Date</strong> <span style="float: left; width: 75%;">29-30 October 2025</span> </p> <p> <strong style="float: left; width: 24%;">Venue</strong> <span style="float: left; width: 75%;">Meritz Hotel Miri, Sarawak, Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Country</strong> <span style="float: left; width: 75%;">Malaysia</span> </p> <p> <strong style="float: left; width: 24%;">Website</strong> <span style="float: left; width: 75%;"><a href="https://www.mimox-malaysia.com/" target="_blank">www.mimox-malaysia.com</a></span> </p> </div> </div> </div>  </div> </div> </div> </div> </div> <i class="scroll-top scroll-top-mobile show fa fa-sort-asc"></i> <footer class="footer-base"> <div class="content"> <div class="container"> <div class="row"> <div class="col-md-4 footer-center text-left"> <img src="https://fireworksbi.com/img/timthumb.php?src=https://fireworksbi.com/img/file/VXdNUT09RTFOemt3TVRVNU1UTURFek9E.png&w=280" alt="" style="max-width: 280px;" /> <hr class="space m" /> <p class="text-s" style="margin: 0;">1 Scotts Road, #24-10, Shaw Centre, Singapore 228208</p> <div class="tag-row text-s"> <span><a href="mailto:info@fireworkssg.com">info@fireworkssg.com</a></span> <span>(+65) 6631 8369</span> </div> <hr class="space xs" /> <div class="btn-group social-group btn-group-icons"> <a target="_blank" href="https://www.instagram.com/fireworks.idn/?hl=en"> <i class="fa fa-instagram text-xs circle"></i> </a> <a target="_blank" href="https://www.youtube.com/channel/UCwyqjWCcyNv59XXWzBGvG9Q/videos"> <i class="fa fa-youtube text-xs circle"></i> </a> <a target="_blank" href="https://www.linkedin.com/in/fireworksindonesia/?originalSubdomain=id"> <i class="fa fa-linkedin text-xs circle"></i> </a> </div> </div> <div class="col-md-4 footer-left text-left"> <div class="row"> <div class="col-md-6 text-s"> <h3>Our Events</h3> <a href="https://asiafireworks.com/indonesia.html">Indonesia</a><br> <a href="https://asiafireworks.com/malaysia.html">Malaysia</a><br/>  <a href="https://asiafireworks.com/philippines.html">Philippines</a><br/> </div> <div class="col-md-6 text-s hidden-xs" style="padding-top: 40px;"> <a href="https://asiafireworks.com/singapore.html">Singapore</a><br/> <a href="https://asiafireworks.com/thailand.html">Thailand</a><br /> <a href="https://asiafireworks.com/vietnam.html">Vietnam</a><br />     </div> <div class="col-md-6 text-s visible-xs" style="padding-top: 54px;"> <a href="https://asiafireworks.com/thailand.html">Thailand</a><br /> <a href="https://asiafireworks.com/vietnam.html">Vietnam</a><br />   <a href="https://asiafireworks.com/brunei.html">Brunei</a><br /> <a href="https://asiafireworks.com/cambodia.html">Cambodia</a>  </div> </div> </div> <div class="col-md-4 footer-left text-left"> <h3 style="text-align: right;">We’re tapping our mind for you. All the time.</h3> <p class="text-s" style="text-align: right;"> From serious industrial exhibitions to fun commercial events, we want you to come away from it with BIG ideas and new key contacts. That’s how we contribute to the business communities we serve. Everywhere. </p> </div> </div> </div> <div class="row copy-row"> <div class="col-md-12 copy-text"> <p><strong>Singapore | China | Indonesia | Malaysia | Philippines | Thailand | Vietnam</strong></p> Copyright © 2018 - 2024 <strong>Fireworks Trade Media Group</strong>. </div> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script async src="https://asiafireworks.com/HTWF/scripts/bootstrap/js/bootstrap.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/imagesloaded.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/parallax.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/flexslider/jquery.flexslider-min.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/isotope.min.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/php/contact-form.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/jquery.progress-counter.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/jquery.tab-accordion.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/bootstrap/js/bootstrap.popover.min.js"></script> <script async src="https://asiafireworks.com/HTWF/scripts/jquery.magnific-popup.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/social.stream.min.js"></script> <script src="https://asiafireworks.com/HTWF/scripts/jquery.slimscroll.min.js"></script>  <script src="https://asiafireworks.com/HTWF/scripts/smooth.scroll.min.js"></script> <style type="text/css"> .body.c img{ margin-top: 6px; } </style> <script type="text/javascript" src="https://asiafireworks.com/contactus.js?1732359366"></script> <script type="text/javascript"> $(function(){ $('.contact_us').contact(); var timer=setInterval(function(){ if($('.organizer strong:eq(0)').length){ clearInterval(timer); $('.organizer strong:eq(0)').html('SINGAPORE (Head Office)'); } },1000); }); $(document).ready(function(){ function checkAndScrollToHash() { var hash = window.location.hash.substring(1); // Menghilangkan tanda # dari hash var intervalId = setInterval(function() { // Cek apakah ada elemen dengan kelas yang sesuai dengan hash if($('.' + hash).length) { clearInterval(intervalId); // Hentikan interval ketika elemen ditemukan // Scroll ke elemen dan lakukan animasi kedip smooth $('html, body').animate({ scrollTop: $('.' + hash).offset().top - 200 }, 1000, function() { var $element = $('.' + hash); $element.addClass('blink'); setTimeout(function(){ $element.removeClass('blink'); }, 2000); // Durasi efek kedip dua kali (2 detik) }); } }, 100); // Cek setiap 100ms } // Cek apakah URL memiliki hash if(window.location.hash) { checkAndScrollToHash(); } }); // CSS untuk efek kedip smooth $('<style>') .prop('type', 'text/css') .html('\.blink { animation: blink-effect 0.5s step-start 0s 4; }\n\ @keyframes blink-effect { 50% { background-color: #fffcb7; } }') .appendTo('head'); </script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen"> <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script> <style type="text/css"> /*.fancybox-slide > * { padding: 0; background: none; }*/ .swal2-popup { width: 55em !important; } </style>  </footer> </body> </html>

CINXE.COM

Malaysia - Welcome To Fireworks, Asia's Largest Trade Media Group