{"id":458,"date":"2024-05-22T16:28:44","date_gmt":"2024-05-22T08:28:44","guid":{"rendered":"\/?page_id=458"},"modified":"2024-09-05T22:37:52","modified_gmt":"2024-09-05T14:37:52","slug":"3-1%e6%9c%80%e6%96%b0%e6%8e%a8%e5%b9%bf","status":"publish","type":"page","link":"http:\/\/www.japanhome.com.hk\/?page_id=458","title":{"rendered":"2.3.1\u6700\u65b0\u63a8\u5ee3"},"content":{"rendered":"\r\n<style>\r\n        .logo a:hover {\r\n        text-decoration: none;\r\n    }\r\n\r\n        .header-bottom.header-sticky.sticky\r\n        {\r\n            background-color: #ffe842;  !important;\r\n            height:50px;\r\n        }\r\n        .header-bottom \r\n        {\r\n            background-color: #ffe842;  !important;\r\n            height:50px;\r\n        }\r\n        \r\n        .header-bottom.header-sticky{\r\n            min-height:50px;\r\n        }\r\n\r\n        .main-menu>ul>li>a:hover {\r\n            color: #0f75bd;\r\n\r\n        }\r\n        .bg_footer{\r\n            background-color: #0f75bd;\r\n        }\r\n        .main-menu>ul>li>a{\r\n            line-height:50px;\r\n            font-size:14px; !important;\r\n        }\r\n        .header-bottom.header-sticky.sticky a{\r\n        font-size:14px\r\n        }\r\n        .section-padding{\r\n        min-height: 55rem; !important;\r\n        }\r\n       \r\n<\/style>\r\n<style>\r\n  .parent {\r\n    position: relative;\r\n    padding-right: 10px;\r\n  }\r\n  .child {\r\n    position: absolute;\r\n    top: 5px;\r\n    right: 0;\r\n\r\n    text-align: center;\r\n    line-height: 100px; \/* Vertical center text *\/\r\n    padding-right: 20px;\r\n    width: 12rem ;\r\n   \r\n    \r\n    \r\n   \r\n  display: grid;\r\n  place-items: center; \/* \u540c\u65f6\u5b9e\u73b0\u6c34\u5e73\u548c\u5782\u76f4\u5c45\u4e2d *\/\r\n  \r\n\r\n\r\n\r\n  }\r\n  .child .layui-input, .layui-select, .layui-textarea{\r\n  background-color:#ffe842;\r\n  font-weight: 900;\r\n  border-radius:3rem;\r\n  border : 1px solid #fff;\r\n\r\n  \r\n  }\r\n  .layui-unselect layui-form-select{\r\n  border:  1px solid #fff\r\n    border-radius:4px;\r\n  }\r\n  \r\n  \r\n<\/style>\r\n<style>\r\n\/* \u9ed8\u8ba4\u6837\u5f0f\uff08\u684c\u9762\u7aef\uff09 *\/\r\n.container {\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u5e73\u677f\u7684\u5c4f\u5e55\u9002\u914d\uff08\u4f8b\u5982 768px \u4ee5\u4e0b\uff09 *\/\r\n@media (max-width: 768px) {\r\n  .container {\r\n    width: 100%;\r\n    padding: 0 15px;\r\n  }\r\n  .hidden-div {\r\n}\r\n}\r\n\r\n\/* \u624b\u673a\u7684\u5c4f\u5e55\u9002\u914d\uff08\u4f8b\u5982 480px \u4ee5\u4e0b\uff09 *\/\r\n@media (max-width: 480px) {\r\n  .container {\r\n    padding: 0 10px;\r\n  }\r\n  .button {\r\n    font-size: 14px; \/* \u589e\u5927\u6309\u94ae\u6587\u5b57\u65b9\u4fbf\u89e6\u63a7 *\/\r\n  }\r\n}\r\nimg, video {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n<\/style>\r\n<script src=\"http:\/\/www.japanhome.com.hk\/wp-content\/themes\/JHC_themes2\/css\/banner\/js\/jquery-1.8.2.min.js\"><\/script>\r\n<script>\r\n\r\n\r\nlayui.use('form', function(){\r\n  var form = layui.form;\r\n  \r\n  \/\/ \u76d1\u542c\u4e0b\u62c9\u5217\u8868\u7684\u53d8\u5316\r\n  form.on('select(myLang)', function(data){\r\n    \/\/ data.value \u83b7\u53d6\u88ab\u9009\u4e2d\u7684\u503c\r\n\/\/    let updatedUrl = updateQueryParam('lang', data.value); \r\n\/\/    window.location.href = updatedUrl;\r\n    let page_id = getUrlParameter('page_id');\r\n    let Url = updateQueryParam_url(removeUrlParams(),'page_id', page_id);\r\n    let  updatedUrl = updateQueryParam_url(Url,'lang', data.value); \r\n    window.location.href = updatedUrl;\r\n  });\r\n});\r\n  \r\n  \r\nfunction updateQueryParam(param, newValue) {\r\n  \/\/ \u83b7\u53d6\u5f53\u524dURL\r\n  let url = window.location.href;\r\n  \/\/ \u6b63\u5219\u8868\u8fbe\u5f0f\u7528\u4e8e\u67e5\u627e\u548c\u66ff\u6362URL\u4e2d\u7684\u53c2\u6570\r\n  let pattern = new RegExp('(' + param + '=).*?(&|$)');\r\n  \r\n  \/\/ \u5982\u679cURL\u4e2d\u5b58\u5728\u8be5\u53c2\u6570\uff0c\u5219\u8fdb\u884c\u66ff\u6362\uff0c\u5426\u5219\u5c06\u5176\u6dfb\u52a0\u5230\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\r\n  if (url.indexOf(param) >= 0) {\r\n    url = url.replace(pattern, '$1' + newValue + '$2');\r\n  } else {\r\n    \/\/ \u5982\u679c\u53c2\u6570\u4e0d\u5b58\u5728\uff0c\u4e14newValue\u4e0d\u4e3anull\uff0c\u5219\u6dfb\u52a0\u8be5\u53c2\u6570\r\n    if (newValue) {\r\n      url += (url.indexOf('?') > 0 ? '&' : '?') + param + '=' + newValue;\r\n    }\r\n  }\r\n  \r\n  return url;\r\n}\r\n\r\nfunction updateQueryParam_url(url,param, newValue) {\r\n  \/\/ \u6b63\u5219\u8868\u8fbe\u5f0f\u7528\u4e8e\u67e5\u627e\u548c\u66ff\u6362URL\u4e2d\u7684\u53c2\u6570\r\n  let pattern = new RegExp('(' + param + '=).*?(&|$)');\r\n  \r\n  \/\/ \u5982\u679cURL\u4e2d\u5b58\u5728\u8be5\u53c2\u6570\uff0c\u5219\u8fdb\u884c\u66ff\u6362\uff0c\u5426\u5219\u5c06\u5176\u6dfb\u52a0\u5230\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\r\n  if (url.indexOf(param) >= 0) {\r\n    url = url.replace(pattern, '$1' + newValue + '$2');\r\n  } else {\r\n    \/\/ \u5982\u679c\u53c2\u6570\u4e0d\u5b58\u5728\uff0c\u4e14newValue\u4e0d\u4e3anull\uff0c\u5219\u6dfb\u52a0\u8be5\u53c2\u6570\r\n    if (newValue) {\r\n      url += (url.indexOf('?') > 0 ? '&' : '?') + param + '=' + newValue;\r\n    }\r\n  }\r\n  \r\n  return url;\r\n}\r\n\r\n\r\nfunction removeQueryParam(url, paramToRemove) {\r\n  \/\/ \u521b\u5efaURL\u5bf9\u8c61\r\n  const urlObj = new URL(url);\r\n  \r\n  \/\/ \u5220\u9664\u6307\u5b9a\u53c2\u6570\r\n  urlObj.searchParams.delete(paramToRemove);\r\n  \r\n  \/\/ \u91cd\u5199URL\r\n  const newUrl = urlObj.toString();\r\n  \r\n  \/\/ \u8fd4\u56de\u65b0\u7684URL\u5b57\u7b26\u4e32\r\n  return newUrl;\r\n}\r\n\r\n\r\n\/\/ \u522a\u9664url\u6240\u6709\u53c3\u6578\r\nfunction removeUrlParams() {\r\n    let url = window.location.href;\r\n    var index = url.indexOf('?');\r\n    if (index !== -1) {\r\n        return url.substring(0, index);\r\n    }\r\n    return url;\r\n}\r\n\r\n\r\n\r\n\/\/ \u5047\u8bbe\u6211\u4eec\u8981\u83b7\u53d6URL\u53c2\u6570\u540d\u4e3a\"param\"\u7684\u503c\r\nfunction getUrlParameter(name) {\r\n    var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);\r\n    if (results == null) {\r\n       return null;\r\n    }\r\n    return decodeURIComponent(results[1]) || null;\r\n}\r\n\r\n\r\n\r\nfunction toPage(newValue) {\r\n    let lang = getUrlParameter('lang');\r\n    let Url = updateQueryParam_url(removeUrlParams(),'lang', lang);\r\n    let  updatedUrl = updateQueryParam_url(Url,'page_id', newValue); \r\n    window.location.href = updatedUrl;\r\n}\r\n<\/script>\r\n<header>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <div class=\"header section div_nav\" >\r\n\r\n\r\n\r\n        <!-- Header Bottom Start -->\r\n        <div class=\"header-bottom section header-sticky sticky parent\">\r\n         <div class=\"container\"  >\r\n                <div class=\"row align-items-center\">\r\n                    <!-- Header Logo Start -->\r\n                    <div class=\"col-lg-3 col-6 logo\" >\r\n                     <a   href=\"\/\"><h2 style=\"color:#0143a1;\">\u570b\u969b\u5bb6\u5c45\u96f6\u552e\u6709\u9650\u516c\u53f8<\/h2><\/a>\r\n                       \r\n                        <!--                        <div class=\"header-logo\">-->\r\n                        <!--                            <a href=\"#\"><img decoding=\"async\" src=\"..\/..\/images\/icon\/about-icon-5.png\" alt=\"Site Logo\" style=\"width: 20%\" \/><\/a>-->\r\n                        <!--                        <\/div>-->\r\n                    <\/div>\r\n                    <!-- Header Logo End -->\r\n\r\n                    <!-- Header Menu Start -->\r\n                    <div class=\"col-lg-9 col-6\" >\r\n                        <!-- Main Menu Start -->\r\n                        <div class=\"main-menu d-none d-lg-flex\">\r\n                            <ul><li class=\"has-children\"><a href=javascript:;toPage('134') target=\"\">\u96c6\u5718\u7c21\u4ecb<\/a><ul class=\"sub-menu\"><li><a href=javascript:;toPage(134)>\u95dc\u65bc\u6211\u5011<\/a><\/li><li><a href=javascript:;toPage(142)>\u96c6\u5718\u7406\u5ff5<\/a><\/li><li><a href=javascript:;toPage(150)>\u767c\u5c55\u91cc\u7a0b<\/a><\/li><li><a href=javascript:;toPage(163)>\u4e3b\u5e2d\u7684\u8a71<\/a><\/li><li><a href=javascript:;toPage(476)>\u6d77\u5916\u54c1\u724c\u696d\u52d9<\/a><\/li><\/ul><\/li><li class=\"has-children\"><a href=javascript:;toPage('404') target=\"\">\u54c1\u724c\u696d\u52d9<\/a><ul class=\"sub-menu\"><li><a href=javascript:;toPage(404)>JHC\uff08\u9999\u6e2f\u53ca\u6fb3\u9580\uff09<\/a><\/li><li><a href=javascript:;toPage(451)>123 by ELLA<\/a><\/li><li><a href=javascript:;toPage(458)>\u751f\u6d3b\u63d0\u6848\uff08\u9999\u6e2f\uff09<\/a><\/li><li><a href=javascript:;toPage(472)>\u65e5\u8a18\u58eb\u591a<\/a><\/li><\/ul><\/li><li class=\"\"><a href=javascript:;toPage('494') target=\"\">\u5546\u696d\u92b7\u552e<\/a><ul class=\"\"><\/ul><\/li><li class=\"has-children\"><a href=javascript:;toPage('498') target=\"\">\u4f9b\u61c9\u5546\u95dc\u4fc2<\/a><ul class=\"sub-menu\"><li><a href=javascript:;toPage(498)>\u570b\u969b\u63a1\u8cfc\u7db2\u7d61<\/a><\/li><li><a href=javascript:;toPage(504)>\u4f9b\u8ca8\u4e88\u9999\u6e2f\u53ca\u6fb3\u9580\u91c7\u8cfc\u90e8<\/a><\/li><li><a href=javascript:;toPage(508)>\u4f9b\u8ca8\u4e88\u4e2d\u570b\u91c7\u8cfc\u90e8<\/a><\/li><li><a href=javascript:;toPage(510)>\u4f9b\u8ca8\u4e88\u81fa\u7063\u91c7\u8cfc\u90e8<\/a><\/li><\/ul><\/li><li class=\"has-children\"><a href=javascript:;toPage('512') target=\"\">\u5a92\u9ad4\u5831\u9053<\/a><ul class=\"sub-menu\"><li><a href=javascript:;toPage(512)>\u5831\u7ae0\u53ca\u96dc\u8a8c<\/a><\/li><li><a href=javascript:;toPage(521)>\u5f71\u7247<\/a><\/li><li><a href=javascript:;toPage(1257)>\u5176\u4ed6<\/a><\/li><\/ul><\/li><li class=\"has-children\"><a href=javascript:;toPage('527') target=\"\">\u6295\u8cc7\u8005\u95dc\u4fc2<\/a><ul class=\"sub-menu\"><li><a href=javascript:;toPage(527)>\u516c\u53f8\u8cc7\u6599<\/a><\/li><li><a href=javascript:;toPage(530)>\u8ca1\u52d9\u6458\u8981<\/a><\/li><li><a href=javascript:;toPage(534)>\u516c\u544a<\/a><\/li><li><a href=javascript:;toPage(538)>\u4e2d\u671f\u53ca\u5e74\u5ea6\u5831\u544a<\/a><\/li><li><a href=javascript:;toPage(1089)>\u96f6\u552e\u7db2\u7d61<\/a><\/li><li><a href=javascript:;toPage(541)>\u5206\u6790\u54e1\u540d\u55ae<\/a><\/li><\/ul><\/li><li class=\"\"><a href='https:\/\/www.jhceshop.com\/ ' target=\"_blank\">JHC\u7db2\u8cfc<\/a><ul class=\"\"><\/ul><\/li><\/ul>\r\n                        <\/div>\r\n                        <!-- Main Menu End -->\r\n                      \r\n\r\n\r\n\r\n                     \r\n                           \r\n                           \r\n                          \r\n                        <!-- Main Menu Riht Side Start -->\r\n                        <div class=\"main-menu-right-side d-flex d-lg-none\">\r\n\r\n                            <!-- Header Search Start -->\r\n                            <!--                            <div class=\"header-search mr-4\">-->\r\n                            <!--                                <a class=\"header-search-icon\" href=\"#\"><i class=\"fa fa-search\"><\/i><\/a>-->\r\n                            <!--                            <\/div>-->\r\n                            <!-- Header Search End -->\r\n                            \r\n                            \r\n                            \r\n                            \r\n                            <!-- Mobile Menu Bar Start\r\n                            <div class=\"mobile-menu-bar-wrapper\">\r\n                                <a href=\"#\" class=\"mobile-menu-bar\"><i class=\"fa fa-bars\"><\/i><\/a>\r\n                            <\/div>\r\n                             Mobile Menu Bar End -->\r\n\r\n                        <\/div>\r\n                        <!-- Main Menu Riht Side End -->\r\n\r\n                    <\/div>\r\n                    <!-- Header Menu End -->\r\n                <\/div>\r\n            <\/div>\r\n        <!-- Header Lang Start -->\r\n        <div class=\"layui-form layui-form-item child hidden-div\" >\r\n           <select name=\"lang\"  lay-filter=\"myLang\">\r\n             <option value=\"cn\">\u7e41\u9ad4<\/option>\r\n             <option value=\"scn\">\u7b80\u4f53<\/option>\r\n             <option value=\"eng\">English<\/option>\r\n           <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Header Lang End -->\r\n        <!-- Header Bottom End -->\r\n        \r\n  <\/div>\r\n<\/header>\r\n                \r\n\r\n\r\n    \n\n\n\r\n\r\n\r\n                <div class=\"img\" >\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/jhc_banner.jpg\" alt=\"\"  style=\"width: 100%\"\/>\r\n                <\/div>\r\n\r\n\r\n    \n\n\n\r\n\r\n<style>\r\n    .div_ENG {\r\n  display: none;\r\n}\r\n     .div_SCN {\r\n  display: none;\r\n}\r\n\r\n    .contentWrap {\r\n        font-size: 15px;\r\n        color: #333;\r\n    }\r\n\r\n    .image-container span {\r\n        font-size: 15px;\r\n    }\r\n<\/style>\r\n<script>\r\n\r\n\r\n    $(\"body\").on(\"click\", \" span\", function (e) {\r\n        if ($(\"#txt_hidden\").val().length > 0) {\r\n            layer.photos({\r\n                photos: { \"data\": [{ \"src\": $(\"#txt_hidden\").val(), }] }\r\n            });\r\n        }\r\n\r\n    });\r\n    $(\"body\").on(\"mouseover mouseout\", \".image-container\", function () {\r\n        if (event.type == \"mouseover\") {\r\n\r\n            var imgSrc = $(this).find('img').attr('src');\r\n\r\n            $(\"#txt_hidden\").val(imgSrc); \/\/\u56fe\u7247\u5730\u5740\u8d4b\u503c\u7ed9\u9690\u85cf\u63a7\u4ef6\r\n            $(this).find('span').css('opacity', '1');\r\n\r\n\r\n        }\r\n        if (event.type == \"mouseout\") {\r\n            $(\"#txt_hidden\").val('');\r\n                $(this).find('span').css('opacity', '0');\r\n            }\r\n\r\n        \/\/console.log(imgSrc); \/\/ \u8f93\u51fa\u56fe\u7247\u5730\u5740\r\n    });\r\n\r\n\r\n<\/script>\r\n<script>\r\n$(document).ready(function() {\r\n$('.selfDiv').appendTo('#referenceDiv');\r\n});\r\n<\/script>\r\n<div class=\"section section-padding\"  style=\"height: 85rem\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-3\">\r\n                <div class=\"account-l fl\">\r\n                    <span class=\"list-title\">\u54c1\u724c\u696d\u52d9<\/span>\r\n                    <ul id=\"accordion\" class=\"accordion\">\r\n                        <li class=\"\">\r\n    <div class=\"link\">JHC\uff08\u9999\u6e2f\u53ca\u6fb3\u9580\uff09<i class=\"fa fa-chevron-down\"><\/i><\/div><ul class=\"submenu\" style=\"display: none\">\r\n        \r\n        <li class=\"\"><a href=javascript:;toPage(404)> \u6703\u54e1\u63a8\u5ee3<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(423)> \u5e97\u92ea\u7db2\u7d61<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(559)> \u65b0\u5e97\u901f\u905e<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(1248)> \u7522\u54c1<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(563)> \u751f\u6d3b\u5c0f\u8cbc\u58eb<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(426)> \u54c1\u724c\u7406\u5ff5<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(433)> \u767c\u5c55\u91cc\u7a0b<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(436)> \u734e\u9805<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(440)> \u4f01\u696d\u793e\u6703\u8cac\u4efb<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n    <\/ul>\r\n<\/li><li class=\"\">\r\n    <div class=\"link\">123 by ELLA<i class=\"fa fa-chevron-down\"><\/i><\/div><ul class=\"submenu\" style=\"display: none\">\r\n        \r\n        <li class=\"\"><a href=javascript:;toPage(451)> 123 by ELLA<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n    <\/ul>\r\n<\/li><li class=\"open\">\r\n    <div class=\"link\">\u751f\u6d3b\u63d0\u6848\uff08\u9999\u6e2f\uff09<i class=\"fa fa-chevron-down\"><\/i><\/div><ul class=\"submenu\" style=\"display:  block\">\r\n        \r\n        <li class=\"current\"><a href=javascript:;toPage(458)> \u6700\u65b0\u63a8\u5ee3<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(464)> \u5e97\u92ea\u7db2\u7d61<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(1251)> \u7522\u54c1<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n        <li class=\"\"><a href=javascript:;toPage(468)> \u54c1\u724c\u7406\u5ff5<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n    <\/ul>\r\n<\/li><li class=\"\">\r\n    <div class=\"link\">\u65e5\u8a18\u58eb\u591a<i class=\"fa fa-chevron-down\"><\/i><\/div><ul class=\"submenu\" style=\"display: none\">\r\n        \r\n        <li class=\"\"><a href=javascript:;toPage(472)> \u65e5\u8a18\u58eb\u591a<span class='bi bi-chevron-right'><\/span><\/a><\/li>\r\n    <\/ul>\r\n<\/li>\r\n\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-md-9\">\r\n                <div class=\"title\">\r\n                    <h3>\r\n                        \u6700\u65b0\u63a8\u5ee3\r\n                        <small class=\"text-muted\">Latest promotions<\/small>\r\n                    <\/h3>\r\n                <\/div>\r\n                <div class=\"separator\"><h><\/div>\r\n                <div id=\"referenceDiv\" ><\/div>\r\n               \r\n                       \r\n                        \r\n\r\n                   \r\n              \r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    \n\n\n\r\n    <meta name=\"viewport\" content=\"width=1200, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/www.japanhome.com.hk\/wp-content\/themes\/JHC_themes2\/css\/nav\/css\/styles.css?v=0.010\" \/>\r\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/www.japanhome.com.hk\/wp-content\/themes\/JHC_themes2\/css\/bootstrap-icons\/node_modules\/bootstrap-icons\/font\/bootstrap-icons.min.css\" \/>\r\n    <link rel=\"stylesheet\" href=\"http:\/\/www.japanhome.com.hk\/wp-content\/themes\/JHC_themes2\/css\/nav\/jQueryLeftNav\/css\/leftnav.css?v=0.002\" media=\"screen\" type=\"text\/css\"\/>\r\n    <script src='http:\/\/www.japanhome.com.hk\/wp-content\/themes\/JHC_themes2\/css\/nav\/jQueryLeftNav\/js\/leftnav.js'><\/script>\r\n    <style>\r\n        .submenu a{\r\n            color: #4aa3df; !important;\r\n        }\r\n    body{\r\nwidth:100%;\r\ndisplay:block;\r\n}\r\n    <\/style>\r\n\r\n    \n\n\n<div class=\"layui-container div_CN selfDiv\">\n<div class=\"layui-row\">\n<div class=\"layui-col-md2\">\n<div class=\"image-container\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/20171108.jpg\" width=\"200px\" \/> <span class=\"hover-text\"><i class=\"layui-icon\">\ue615<\/i> \u55ae\u64ca\u653e\u5927\u6b64\u5716<\/span><\/div>\n<\/div>\n<div class=\"layui-col-md2\">\n<div class=\"image-container\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/2.jpg\" width=\"200px\" \/> <span class=\"hover-text\"><i class=\"layui-icon\">\ue615<\/i> \u55ae\u64ca\u653e\u5927\u6b64\u5716<\/span><\/div>\n<\/div>\n<p><input id=\"txt_hidden\" style=\"display: none;\" type=\"text\" value=\"\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"layui-container div_ENG selfDiv\">\n<div class=\"layui-row\">\n<div class=\"layui-col-md2\">\n<div class=\"image-container\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/20171108.jpg\" width=\"200px\" \/> <span class=\"hover-text\"><i class=\"layui-icon\">\ue615<\/i> Click to enlarge<\/span><\/div>\n<\/div>\n<div class=\"layui-col-md2\">\n<div class=\"image-container\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/2.jpg\" width=\"200px\" \/> <span class=\"hover-text\"><i class=\"layui-icon\">\ue615<\/i> Click to enlarge<\/span><\/div>\n<\/div>\n<p><input id=\"txt_hidden\" style=\"display: none;\" type=\"text\" value=\"\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"layui-container div_SCN selfDiv\">\n<div class=\"layui-row\">\n<div class=\"layui-col-md2\">\n<div class=\"image-container\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/20171108.jpg\" width=\"200px\" \/> <span class=\"hover-text\"><i class=\"layui-icon\">\ue615<\/i> \u5355\u51fb\u653e\u5927\u6b64\u56fe<\/span><\/div>\n<\/div>\n<div class=\"layui-col-md2\">\n<div class=\"image-container\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/05\/2.jpg\" width=\"200px\" \/> <span class=\"hover-text\"><i class=\"layui-icon\">\ue615<\/i>\u5355\u51fb\u653e\u5927\u6b64\u56fe<\/span><\/div>\n<\/div>\n<p><input id=\"txt_hidden\" style=\"display: none;\" type=\"text\" value=\"\" \/><\/p>\n<\/div>\n<\/div>\n\n\n<style>\n    \/* \u5bb9\u5668\u8bbe\u7f6e\u4e3a\u76f8\u5bf9\u5b9a\u4f4d *\/\n    .image-container {\n        position: relative;\n        display: inline-block; \/* \u4f7f\u56fe\u7247\u548c\u6587\u5b57\u5728\u540c\u4e00\u884c *\/\n    }\n\n    \/* \u56fe\u7247\u6837\u5f0f *\/\n    .image-container img {\n        \/*width: 100%; !* \u6216\u8005\u5176\u4ed6\u5bbd\u5ea6 *!*\/\n        height: auto; \/* \u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b *\/\n        display: block; \/* \u79fb\u9664\u4e0b\u65b9\u7a7a\u767d *\/\n\n    }\n\n    \/* \u60ac\u6d6e\u6587\u5b57\u6837\u5f0f\uff0c\u9ed8\u8ba4\u9690\u85cf *\/\n    .image-container .hover-text {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center; \/* \u5782\u76f4\u5c45\u4e2d *\/\n        justify-content: center; \/* \u6c34\u5e73\u5c45\u4e2d *\/\n        color: white; \/* \u6587\u5b57\u989c\u8272 *\/\n        background: rgba(0, 0, 0, 0.5); \/* \u534a\u900f\u660e\u80cc\u666f *\/\n        transition: opacity 0.3s ease; \/* \u6de1\u5165\u6de1\u51fa\u6548\u679c *\/\n        opacity: 0; \/* \u9ed8\u8ba4\u900f\u660e *\/\n    }\n\n    \/* \u9f20\u6807\u60ac\u6d6e\u65f6\u663e\u793a\u60ac\u6d6e\u6587\u5b57 *\/\n    \/*.image-container:hover .hover-text {*\/\n    \/*    opacity: 1;*\/\n    \/*}*\/\n<\/style>\n<script>\n\n\n    $(\"body\").on(\"click\",\" span\",function(e){\n        if($(\"#txt_hidden\").val().length>0){\n            layer.photos({\n                photos: { \"data\": [{\"src\": $(\"#txt_hidden\").val(),}]}\n            });\n        }\n\n    });\n    $(\"body\").on(\"mouseover mouseout\", \".image-container\", function() {\n        if(event.type ==\"mouseover\"){\n\n            var imgSrc = $(this).find('img').attr('src');\n\n            $(\"#txt_hidden\").val(imgSrc); \/\/\u56fe\u7247\u5730\u5740\u8d4b\u503c\u7ed9\u9690\u85cf\u63a7\u4ef6\n            $(this).find('span').css('opacity', '1');\n\n\n        }\n            if(event.type ==\"mouseout\"){\n                $(\"#txt_hidden\").val('');\n                $(this).find('span').css('opacity', '0');\n            }\n\n        \/\/console.log(imgSrc); \/\/ \u8f93\u51fa\u56fe\u7247\u5730\u5740\n    });\n\n\n\n\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ue615 \u55ae\u64ca\u653e\u5927\u6b64\u5716 \ue615 \u55ae\u64ca\u653e\u5927\u6b64\u5716 \ue615 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=\/wp\/v2\/pages\/458"}],"collection":[{"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=458"}],"version-history":[{"count":10,"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=\/wp\/v2\/pages\/458\/revisions"}],"predecessor-version":[{"id":1292,"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=\/wp\/v2\/pages\/458\/revisions\/1292"}],"wp:attachment":[{"href":"http:\/\/www.japanhome.com.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}