{"id":1149,"date":"2024-09-18T17:44:54","date_gmt":"2024-09-18T09:44:54","guid":{"rendered":"http:\/\/127.0.0.1\/wordpress\/?page_id=1149"},"modified":"2025-05-18T14:02:11","modified_gmt":"2025-05-18T06:02:11","slug":"buy-products","status":"publish","type":"page","link":"https:\/\/skystarcorp.com\/hhnh\/?page_id=1149","title":{"rendered":"Buy-Products"},"content":{"rendered":"\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n    \n    <div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:15%\">\n        \n        <h2 class=\"wp-block-heading has-text-align-right\">\u8d2d\u4e70\u4ea7\u54c1<\/h2>\n        \n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:85%\">\n        <div>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n    \n    <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n        <div class=\"wp-block-image\">\n        <figure class=\"aligncenter size-full\">\n            <img decoding=\"async\" src=\"\/hhnh\/wp-content\/uploads\/2024\/09\/1kg.jpg\" alt=\"\" class=\"wp-image-1117 image-1\" data-content=\"\/hhnh\/wp-content\/uploads\/2024\/09\/EAN1kg.png\"\/>\n            <figcaption class=\"wp-element-caption\">1\u516c\u65a4<\/figcaption>\n        <\/figure>\n        <\/div>\n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n        <div class=\"wp-block-image\">\n        <figure class=\"aligncenter size-full\">\n            <img decoding=\"async\" src=\"\/hhnh\/wp-content\/uploads\/2024\/09\/2_5kg.jpg\" alt=\"\" class=\"wp-image-1115 image-2\" data-content=\"\/hhnh\/wp-content\/uploads\/2024\/09\/EAN2_5kg.png\"\/>\n            <figcaption class=\"wp-element-caption\">2.5\u516c\u65a4<\/figcaption>\n        <\/figure>\n        <\/div>\n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n        <div class=\"wp-block-image gallery-item\">\n        <figure class=\"aligncenter size-full\">\n            <img decoding=\"async\" src=\"\/hhnh\/wp-content\/uploads\/2024\/09\/5kg.jpg\" alt=\"\" class=\"wp-image-1128 image-3\" style=\"object-fit:cover\" data-content=\"\/hhnh\/wp-content\/uploads\/2024\/09\/EAN5kg.png\"\/>\n            <figcaption class=\"wp-element-caption\">5\u516c\u65a4<\/figcaption>\n        <\/figure>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n    \n    <div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\">\n        \n        <h2 class=\"wp-block-heading has-text-align-right\"><\/h2>\n        \n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:90%\">\n        <div class=\"content\" id=\"contentArea\" style=\"text-align: center;\">\n            \u8bf7\u5c06\u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u4e0a\u4ee5\u67e5\u770b\u5185\u5bb9\u3002\n        <\/div>\n    <\/div>\n    \n    \n    <div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\">\n        \n        <h2 class=\"wp-block-heading has-text-align-right\"><\/h2>\n        \n    <\/div>\n    \n<\/div>\n\n\n<!-- CSS for gray out effect -->\n<style>\n    .opacity {\n    opacity: 0.3; \/* \u8a2d\u7f6e\u900f\u660e\u5ea6\u70ba50% *\/\n    transition: opacity 0.3s; \/* \u6dfb\u52a0\u904e\u6e21\u6548\u679c *\/\n}\n\n.header-image {\n    opacity: 1; \/* \u8a2d\u7f6e\u9801\u9996\u5716\u7247\u7684\u900f\u660e\u5ea6 *\/\n    transition: opacity 0.3s; \/* \u6dfb\u52a0\u904e\u6e21\u6548\u679c *\/\n}\n<\/style>\n\n<!-- JavaScript to handle hover effect -->\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n         \/\/ \u53ea\u9078\u64c7\u4e09\u5f35\u5716\u7247\u9032\u884c\u8b8a\u5316\n        const images = document.querySelectorAll('.image-1, .image-2, .image-3');\n        const headerImage = document.querySelector('.header-image'); \/\/ \u7372\u53d6\u9801\u9996\u5716\u7247\n        const contentArea = document.getElementById('contentArea');\n\n        images.forEach(image => {\n            image.addEventListener('mouseenter', () => {\n                const newImageSrc = image.getAttribute('data-content');\n                contentArea.innerHTML = `<img decoding=\"async\" src=\"${newImageSrc}\" alt=\"\u663e\u793a\u56fe\u7247\" style=\"width: 100%; max-width: 800px;\"\/>`;\n            \n                \/\/ \u5c07\u5176\u4ed6\u5716\u7247\u8a2d\u7f6e\u70ba\u534a\u900f\u660e\n            images.forEach(img => {\n                if (img !== image) {\n                    img.classList.add('opacity');\n                }\n            });\n        });\n\n            image.addEventListener('mouseleave', () => {\n                contentArea.textContent = '\u8bf7\u5c06\u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u4e0a\u4ee5\u67e5\u770b\u5185\u5bb9\u3002';\n\n                \/\/ \u6062\u5fa9\u5176\u4ed6\u5716\u7247\u7684\u900f\u660e\u5ea6\n            images.forEach(img => {\n                img.classList.remove('opacity');\n            });\n        });\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":740,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"hhsd","meta":{"footnotes":""},"class_list":["post-1149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/pages\/1149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1149"}],"version-history":[{"count":45,"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/pages\/1149\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/pages\/1149\/revisions\/1360"}],"up":[{"embeddable":true,"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=\/wp\/v2\/pages\/740"}],"wp:attachment":[{"href":"https:\/\/skystarcorp.com\/hhnh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}