Jackie Note

▼參考連結1： 【部落格教學】Google AdSense怎麼領款？西聯匯款，京城銀行，終於領到第一筆100美金了!! https://kaohsiungtoeat.pixnet.net/blog/post/221999394-%E3%80%90%E9%83%A8%E8%90%BD%E6%A0%BC%E6%95%99%E5%AD%B8%E3%80%91google-adsense%E6%80%8E%E9%BA%BC%E9%A0%98%E6%AC%BE%EF%BC%9F%E8%A5%BF%E8%81%AF%E5%8C%AF ▼參考連結2： [懶人包]Google AdSense廣告如何領錢？電匯、西聯匯款、支票。 https://sofree.cc/google-adsense-payment/

▼css animation 簡寫: animation: saleChange 2s 1s infinite; -webkit-animation: saleChange 2s 1s infinite; ▼CSS animation 好用的工具教學: 一些好用工具的教學可參考以下影片( Big Boy Can Code ) https://www.youtube.com/watch?v=Y4xBYZJSvuM&t=13s ▼CSS animation 好用的工具: animate.css: https://daneden.github.io/animate.css/ animista: https://animista.net/ keyframes.app: https://keyframes.app/

▼500是可以調整的數值，藍色數字調整不同比例視窗所呈現的區塊長寬 page3ContentResize();     $(window).resize(function() {         page3ContentResize();     });     function page3ContentResize(){//page3Contant區塊自適應         var page3_width = $('.page3').width(),             page3_height = $('.page3').height(),             page3Content_set_newwidth = 0,             page3Content_set_newheight = 0;         if(page3_width<page3_height+ 500 ){             // console.log('寬小於高')             page3Content_set_newWidth = page3_width/ 1.3 ;             page3Content_set_newHeight = page3_width/ 3.5 ;         }else{             // console.log('寬大於高')             page3Content_set_newWidth = page3_height/ 0.7 ;             page3Content_set_newHeight = page3_height/ 2 ;         }         $('.page3_content').css({'width':page3Content_set_newWidth+'px'});         $('.page3_content').css({'height':page3Content_set_newHeight+'px'}

▼css部分可做以下設定 /* 设置滚动条的样式 */ .right_info::-webkit-scrollbar { width:12px; } /* 滚动槽 */ .right_info::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(255,255,255,1); border-radius:10px; background:rgba(255,255,255,1); } /* 滚动条滑块 */ .right_info::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(24,65,144) !important; -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } .right_info::-webkit-scrollbar-thumb:window-inactive { background:rgba(255,0,0,0.4); } /* 滚动条ie */ .right_info{   scrollbar-base-color: #ffffff;   scrollbar-face-color: #144190;   scrollbar-3dlight-color: #ffffff;   scrollbar-highlight-color: #ffffff;   scrollbar-track-color: #ffffff;   scrollbar-shadow-color: #ffffff;   scrollbar-dark-shadow-color: #ffffff; } ▼niceScroll.js可做以下設定 var explorer = window.navigator.userAgent;     if (explorer.indexOf("MSIE") >= 0) {//ie10及以下     }else if(explorer.indexOf("

範例: ▼設置錨點 (連結按了網頁不會重新整理) <a href="#story"> ▼js判斷錨點內容做動作 if(location.hash == "#story" || location.hash == "#character" || location.hash == "#background"){ $(".story_totalnav").addClass("active"); $(".navigation_2nd").fadeIn(500) }else{ $(".story_totalnav").removeClass("active"); $(".navigation_2nd").fadeOut(500) } if(location.hash == "#ost"){ $(".ost_area").addClass("active") }else{ $(".ost_area").removeClass("active") }