愛貝斯網頁設計｜網站做得好，訂單不會少，專業網站設計公司推薦

// 檢查瀏覽器是否支援LocalStorage if (typeof(Storage) !== "undefined") { window.addEventListener('load', function() { let currentUrl = window.location.href; let pageTitle = document.title; let currentTime = '1775617608'; let refererUrl = ''; let data = { url: currentUrl, title: pageTitle, time: currentTime }; let existingData = localStorage.getItem('visitedPageLogs'); if (existingData) { try { existingData = JSON.parse(existingData); } catch (e) { existingData = []; } } else{ existingData = []; } if(existingData.length == 0){ existingData.push({ url: refererUrl, title: '', type: 'referer', time: currentTime }); } existingData.push(data); if (existingData.length > 100) { existingData.shift(); } localStorage.setItem('visitedPageLogs', JSON.stringify(existingData)); }); } 愛貝斯網頁設計｜網站做得好，訂單不會少，專業網站設計公司推薦 { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://www.ibest.tw/", "name": "首頁" } }] } .bannerArea{position:relative;width:100%;height:100dvh;padding:100px 0;background-color:#fafafa}.bannerArea .circle{position:absolute;z-index:3;border-radius:50%}.bannerArea .circle.blur01{width:580px;height:580px;background-color:rgba(255,67,73,.55);-webkit-filter:blur(200px);filter:blur(200px);top:-25%;right:30%;-webkit-animation:4s linear infinite circularMotion;animation:4s linear infinite circularMotion}.bannerArea .circle.blur02{width:376px;height:376px;right:20%;top:30%;background-color:rgba(255,106,0,.822);-webkit-filter:blur(200px);filter:blur(200px);-webkit-animation:6s linear infinite circularMotion;animation:6s linear infinite circularMotion}.bannerArea .circle.blur03{width:500px;height:500px;background-color:rgba(255,67,73,.44);-webkit-filter:blur(200px);filter:blur(200px);-webkit-animation:5s linear infinite circularMotion;animation:5s linear infinite circularMotion;bottom:0;right:0}@media (max-width:660px){.bannerArea .circle.blur01{background-color:rgba(255,67,73,.2)}.bannerArea .circle.blur02{background-color:rgba(255,145,67,.12)}.bannerArea .circle.blur03{background-color:rgba(255,67,73,.27)}}.bannerArea .picGroupBox{position:absolute;width:1005px;height:700px;right:0;z-index:4}@media (max-width:1366px){.bannerArea .picGroupBox{margin-top:-20px;width:850px}}.bannerArea .picGroupBox .layers{position:absolute}.bannerArea .picGroupBox .layers img,.bannerArea .txtBox .iconList .iconItem .icon img{max-width:100%;display:block}.bannerArea .picGroupBox .layers.pic01{right:-9%;bottom:19%}.bannerArea .picGroupBox .layers.pic02{right:11%;bottom:19%}.bannerArea .picGroupBox .layers.pic03{right:14%;bottom:7%;-webkit-animation:2.5s ease-in-out infinite alternate verticalMove;animation:2.5s ease-in-out infinite alternate verticalMove}.bannerArea .picGroupBox .layers.pic04{right:62.5%;bottom:19%}.bannerArea .picGroupBox .layers.pic05{top:55%;left:7%;-webkit-animation:6s ease-in-out infinite alternate verticalMove;animation:6s ease-in-out infinite alternate verticalMove}.bannerArea .picGroupBox .layers.pic06{bottom:0;left:25%;-webkit-animation:3s ease-in-out infinite alternate horizontalMove;animation:3s ease-in-out infinite alternate horizontalMove}.bannerArea .picGroupBox .layers.pic07{right:7%}.bannerArea .picGroupBox .layers.pic08{left:28%;top:5%;-webkit-animation:5s ease-in-out infinite alternate verticalMove;animation:5s ease-in-out infinite alternate verticalMove}@media (max-width:1340px){.bannerArea .circle.blur01,.bannerArea .circle.blur03{width:400px;height:400px}.bannerArea .circle.blur02{width:250px;height:250px}.bannerArea .picGroupBox .layers.pic01{right:-14%;bottom:0}.bannerArea .picGroupBox .layers.pic02{right:5%;bottom:19%}.bannerArea .picGroupBox .layers.pic04{left:0}.bannerArea .picGroupBox .layers.pic05{display:none}.bannerArea .picGroupBox .layers.pic08{left:16%;top:5%}}.bannerArea .picGroupBox .layers.pic09{right:20%;top:8%}.bannerArea .picGroupBox .layers.pic10{bottom:13%;right:31%}.bannerArea .picGroupBox .layers.pic11{right:9%;top:9%;-webkit-animation:4s ease-in-out infinite alternate verticalMove;animation:4s ease-in-out infinite alternate verticalMove}.bannerArea .picGroupBox .layers.pic12{bottom:11%;left:15%;-webkit-animation:3s ease-in-out infinite alternate verticalMove;animation:3s ease-in-out infinite alternate verticalMove}@media (max-width:1180px){.bannerArea{padding:50px 0}.bannerArea .picGroupBox .layers.pic01{display:none}.bannerArea .picGroupBox .layers.pic02{right:-20%}.bannerArea .picGroupBox .layers.pic03{right:-10%}.bannerArea .picGroupBox .layers.pic08{left:0;top:7%}.bannerArea .picGroupBox .layers.pic12{bottom:7%;left:5%}}.bannerArea .wrap{max-width:1420px;width:100%;height:100%;padding-left:15px;padding-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1440px){.bannerArea .wrap{max-width:90vw}}.bannerArea .txtBox{position:relative;max-width:clamp(400px,37vw,712px);width:100%;z-index:10}.bannerArea .t