註解
跑馬燈
普通捲動
滑動
預設捲動
來回捲動
向下捲動
向上捲動
向右捲動
向左捲動
捲動次數
設定寬度
設定高度
設定背景顏色
設定捲動距離
設定捲動時間
字體效果
...
標題字(最大)
...
標題字(最小)
...粗體字
...粗體字(強調)
...斜體字
...斜體字(強調)
...斜體字(表示定義)
...底線
...底線(表示插入文字)
...橫線
...刪除線
...刪除線(表示刪除)
...鍵盤文字
... 打字體
<![CDATA[...]]>固定寬度字體(在文件中空白、換行、定位功能有效)
<![CDATA[...</plaintext></strong><strong><font color=#ff007f>固定寬度字體(不執行標記符號) <br></font><listing>...</listing> <font color=#ff007f>固定寬度小字體</font> <br><font color=00ff00>...</font><font color=#ff007f>字體顏色</font> <br><font size=1>...</font><font color=#ff007f>最小字體</font> <br><font style ='font-size:100 px'>...</font><font color=#ff007f>無限增大</font> <br><!><font color=#ff007f>區斷標記</font> <br><hr><font color=#ff007f>水平線</font> <br><hr size='9'><font color=#ff007f>水平線(設定大小)</font> <br><hr width='80%'><font color=#ff007f>水平線(設定寬度)</font> <br><hr color='ff0000'><font color=#ff007f>水平線(設定顏色)</font> <br><br><font color=#ff007f>(</font><font color=#ff007f>換行) </font><br><nobr>...</nobr></strong><strong><font color=#ff007f>水域(不換行) <br></font><p>...</p><font color=#ff007f>水域(段落)</font> <br><center>...</center><font color=#ff007f>置中</font> <br><!><font color=#ff007f>連結格式</font> <br><base href=位址><font color=#ff007f>(</font><font color=#ff007f>預設好連結路徑)</font> <br><a href=位址></a><font color=#ff007f>外部連結</font> <br><a href=位址 target='_blank'></a></strong><strong><font color=#ff007f>外部連結(另開新視窗) <br></font><a href=位址 target='_top'></a></strong><strong><font color=#ff007f>外部連結(全視窗連結) <br></font><a href=位址 target='頁框名'></a></strong><strong><font color=#ff007f>外部連結(在指定頁框連結) <br></font><!><font color=#ff007f>貼圖/音樂</font> <br><img loading="lazy" src=<font color=#ff007f>圖片位址>貼圖</font> <br><img loading="lazy" src=</strong><strong><font color=#ff007f>圖片位址 width='180'>設定圖片寬度 <br></font><img loading="lazy" src=<font color=#ff007f>圖片位址 height='30'>設定圖片高度</font> <br><img loading="lazy" src=<font color=#ff007f>圖片位址 alt=""""'提示文字'>設定圖片提示文字</font>"""" <br><img loading="lazy" src=</strong><strong><font color=#ff007f>圖片位址' border='1'>設定圖片邊框 <br></font><bgsound src=<font color=#ff007f>MID音樂檔位址>背景音樂設定</font> <br><!><font color=#ff007f>表格語法</font> <br><table aling=left>...</table><font color=#ff007f>表格位置,置左</font> <br><table aling=center>...</table><font color=#ff007f>表格位置,置中</font> <br><table background=圖片路徑>...</table><font color=#ff007f>背景圖片的URL=就是路徑網址</font> <br><table border=邊框大小>...</table><font color=#ff007f>設定表格邊框大小(使用數字)</font> <br><table bgcolor=顏色碼>...</table><font color=#ff007f>設定表格的背景顏色</font> <br><table borderclor=顏色碼>...</table><font color=#ff007f>設定表格邊框的顏色</font> <br><table borderclordark=顏色碼>...</table></strong><strong><font color=#ff007f>設定表格暗邊框的顏色 <br></font><table borderclorlight=顏色碼>...</table><font color=#ff007f>設定表格亮邊框的顏色</font> <br><table cellpadding=參數>...</table></strong><strong><font color=#ff007f>指定內容與格線之間的間距(使用數字) <br></font><table cellspacing=參數>...</table><font color=#ff007f>指定格線與格線之間的距離(使用數字)</font> <br><table cols=參數>...</table><font color=#ff007f>指定表格的欄數</font> <br><table frame=參數>...</table><font color=#ff007f>設定表格外框線的顯示方式</font> <br><table width=寬度>...</table></strong><strong><font color=#ff007f>指定表格的寬度大小(使用數字) <br></font><table height=高度>...</table><font color=#ff007f>指定表格的高度大小(使用數字)</font> <br><td colspan=參數>...</td></strong><strong><font color=#ff007f>指定儲存格合併欄的欄數(使用數字) <br></font><td rowspan=參數>...</td><font color=#ff007f>指定儲存格合併列的列數(使用數字)</font> <br><!></strong><strong><font color=#ff007f>分割視窗 <br></font><frameset cols="20%,*"><font color=#ff007f>左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整 </font><br><frameset rows="20%,*"><font color=#ff007f>上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整</font> <br><frameset cols="20%,*"><font color=#ff007f>分割左右兩個框架</font> <br><frameset cols="20%,*,20%"><font color=#ff007f>分割左中右三個框架</font> <br><frameset rows="20%,*,20%"></strong><strong><font color=#ff007f>分割上中下三個框架 <br></font><! - - ... - -> <font color=#ff007f>註解</font> <br><A HREF TARGET> <font color=#ff007f>指定超連結的分割視窗</font> <br><A HREF=#錨的名稱> <font color=#ff007f>指定錨名稱的超連結</font> <br><A HREF> <font color=#ff007f>指定超連結</font> <br><A NAME=錨的名稱> <font color=#ff007f>被連結點的名稱</font> <br><ADDRESS>....</ADDRESS> <font color=#ff007f>用來顯示電子郵箱地址</font> <br><B> <font color=#ff007f>粗體字</font> <br><BASE TARGET> <font color=#ff007f>指定超連結的分割視窗</font> <br><BASEFONT SIZE> <font color=#ff007f>更改預設字形大小</font> <br><BGSOUND SRC> <font color=#ff007f>加入背景音樂</font> <br><BIG> <font color=#ff007f>顯示大字體</font> <br><BLINK><font color=#ff007f> 閃爍的文字</font> <br><BODY TEXT LINK VLINK> </strong><strong><font color=#ff007f>設定文字顏色 <br></font><BODY> <font color=#ff007f>顯示本文</font> <br><BR> <font color=#ff007f>換行</font> <br><CAPTION ALIGN> <font color=#ff007f>設定表格標題位置</font> <br><CAPTION>...</CAPTION> </strong><strong><font color=#ff007f>為表格加上標題 <br></font><CENTER> <font color=#ff007f>向中對齊</font> <br><CITE>...<CITE> <font color=#ff007f>用於引經據典的文字</font> <br><CODE>...</CODE> </strong><strong><font color=#ff007f>用於列出一段程式碼 <br></font><COMMENT>...</COMMENT> <font color=#ff007f>加上註解</font> <br><DD> <font color=#ff007f>設定定義列表的項目解說</font> <br><DFN>...</DFN> </strong><strong><font color=#ff007f>顯示"定義"文字 <br></font><DIR>...</DIR> </strong><strong><font color=#ff007f>列表文字標籤 <br></font><DL>...</DL> <font color=#ff007f>設定定義列表的標籤</font> <br><DT> <font color=#ff007f>設定定義列表的項目</font> <br><EM> <font color=#ff007f>強調之用</font> <br><FONT FACE> <font color=#ff007f>任意指定所用的字形</font> <br><FONT SIZE></strong><strong><font color=#ff007f> 設定字體大小 <br></font><form ACTION> </strong><strong><font color=#ff007f>設定戶動式表單的處理方式 <br></font><form METHOD><font color=#ff007f> 設定戶動式表單之資料傳送方式</font> <br><FRAME MARGINHEIGHT> <font color=#ff007f>設定視窗的上下邊界</font> <br><FRAME MARGINWIDTH> <font color=#ff007f>設定視窗的左右邊界</font> <br><FRAME NAME> <font color=#ff007f>為分割視窗命名</font> <br><FRAME NORESIZE> <font color=#ff007f>鎖住分割視窗的大小</font> <br><FRAME SCROLLING> <font color=#ff007f>設定分割視窗的捲軸</font> <br><FRAME SRC> </strong><strong><font color=#ff007f>將HTML檔加入視窗 <br></font><FRAMESET COLS> <font color=#ff007f>將視窗分割成左右的子視窗</font> <br><FRAMESET ROWS> <font color=#ff007f>將視窗分割成上下的子視窗</font> <br><FRAMESET>...</FRAMESET> <font color=#ff007f>劃分分割視窗</font> <br><H1>~<H6> <font color=#ff007f>設定文字大小</font> <br><HEAD> </strong><strong><font color=#ff007f>標示文件資訊 <br></font><HR> <font color=#ff007f>加上分格線</font> <br><HTML> <font color=#ff007f>文件的開始與結束</font> <br><I> <font color=#ff007f>斜體字</font> <br><img loading="lazy" ALIGN> </strong><strong><font color=#ff007f>調整圖形影像的位置 <br></font><img loading="lazy" ALT> <font color=#ff007f>為你的圖形影像加註</font> <br><img loading="lazy" DYNSRC LOOP> <font color=#ff007f>加入影片</font> <br><img loading="lazy" HEIGHT WIDTH> </strong><strong><font color=#ff007f>插入圖片並預設圖形大小 <br></font><img loading="lazy" HSPACE> <font color=#ff007f>插入圖片並預設圖形的左右邊界</font> <br><img loading="lazy" LOWSRC> <font color=#ff007f>預載圖片功能</font> <br><img loading="lazy" SRC BORDER> <font color=#ff007f>設定圖片邊界</font> <br><img loading="lazy" SRC> <font color=#ff007f>插入圖片</font> <br><img loading="lazy" VSPACE> <font color=#ff007f>插入圖片並預設圖形的上下邊界</font> <br><INPUT TYPE NAME value> <font color=#ff007f>在表單中加入輸入欄位</font> <br><ISINDEX> <font color=#ff007f>定義查詢用表單</font> <br><KBD>...</KBD> <font color=#ff007f>表示使用者輸入文字</font> <br><LI TYPE>...</LI> <font color=#ff007f>列表的項目 ( 可指定符號 )</font> <br><MARQUEE> <font color=#ff007f>跑馬燈效果</font> <br><MENU>...</MENU> </strong><strong><font color=#ff007f>條列文字標籤 <br></font> </strong><strong><font color=#ff007f>自動更新文件內容 <br></font><MULTIPLE> <font color=#ff007f>可同時選擇多項的列表欄</font> <br><NOFRAME> </strong><strong><font color=#ff007f>定義不出現分割視窗的文字 <br></font><OL>...</OL> </strong><strong><font color=#ff007f>有序號的列表 <br></font><OPTION> </strong><strong><font color=#ff007f>定義表單中列表欄的項目 <br></font><P ALIGN> </strong><strong><font color=#ff007f>設定對齊方向 <br></font><P> </strong><strong><font color=#ff007f>分段 <br></font><PERSON>...</PERSON> <font color=#ff007f>顯示人名</font> <br><PRE> </strong><strong><font color=#ff007f>使用原有排列 <br></font><SAMP>...</SAMP> </strong><strong><font color=#ff007f>用於引用字 <br></font><SELECT>...</SELECT> </strong><strong><font color=#ff007f>在表單中定義列表欄 <br></font><SMALL> </strong><strong><font color=#ff007f>顯示小字體 <br></font><STRIKE> </strong><strong><font color=#ff007f>文字加橫線 <br></font><STRONG> </strong><strong><font color=#ff007f>用於加強語氣 <br></font><SUB></strong><strong><font color=#ff007f> 下標字 <br></font><SUP> </strong><strong><font color=#ff007f>上標字 <br></font><TABLE BORDER=n> </strong><strong><font color=#ff007f>調整表格的寬線高度 <br></font><TABLE CELLPADDING> </strong><strong><font color=#ff007f>調整資料欄位之邊界 <br></font><TABLE CELLSPACING> <font color=#ff007f>調整表格線的寬度</font> <br><TABLE HEIGHT></strong><strong><font color=#ff007f> 調整表格的高度 <br></font><TABLE WIDTH><font color=#ff007f> 調整表格的寬度</font> <br><TABLE>...</TABLE> <font color=#ff007f>產生表格的標籤</font> <br><TD ALIGN><font color=#ff007f> 調整表格欄位之左右對齊</font> <br><TD BGCOLOR></strong><strong><font color=#ff007f> 設定表格欄位之背景顏色 <br></font><TD COLSPAN ROWSPAN> </strong><strong><font color=#ff007f>表格欄位的合併 <br></font><TD NOWRAP><font color=#ff007f> 設定表格欄位不換行</font> <br><TD VALIGN> <font color=#ff007f>調整表格欄位之上下對齊</font> <br><TD WIDTH> <font color=#ff007f>調整表格欄位寬度</font> <br><TD>...</TD> <font color=#ff007f>定義表格的資料欄位</font> <br><TEXTAREA NAME ROWS COLS> <font color=#ff007f>表單中加入多少列的文字輸入欄</font> <br><TEXTAREA WRAP> </strong><strong><font color=#ff007f>決定文字輸入欄是自動否換行 <br></font><TH>...</TH> <font color=#ff007f>定義表格的標頭欄位</font> <br><title> <font color=#ff007f>文件標題</font> <br><TR>...</TR><font color=#ff007f> 定義表格美一行</font> <br><TT> </strong><strong><font color=#ff007f>打字機字體 <br></font><U> <font color=#ff007f>文字加底線</font> <br><UL TYPE>...</UL> <font color=#ff007f>無序號的列表 ( 可指定符號 )</font> <br><VAR>...</VAR> <font color=#ff007f>用於顯示變數 </font></strong></p>
<p></p><a name=錨的名稱>
<center><cite><em><font face="">
<h1>
<div></div><a href="http://www.voxeo.com" rel="nofollow ugc noreferrer noopener"><img loading="lazy" alt="voicexml" src="http://www.hot-hit-counter.com/counter?id=CFF3C4BF-3033-4BC0-8C0C-84FFC6865B00&style=d_m-binky,ml_6" border=0/></a><br><font size=2></font></h1></font></em></cite></center></a></font> </div>
<section class="poi-section">
<div class="poi-view">
<div class="poi-container">
</div>
</div>
<div class="poi-prev poi-btn hide">
<img src="//front.pixfs.net/images/blog/post/desktop/poi_btn_arrow_back.svg?v=1f43d2625468423930fd3ac7faf14c61" alt="arrow" loading="lazy">
</div>
<div class="poi-next poi-btn hide">
<img src="//front.pixfs.net/images/blog/post/desktop/poi_btn_arrow_next.svg?v=1f43d2625468423930fd3ac7faf14c61" alt="arrow" loading="lazy">
</div>
<ul class="poi-dot"></ul>
</section>
<script>
(function () {
window.pix = window.pix || {};
window.pix.deviceType = "desktop";
window.pix.poiHashIds = [];
})();
</script>
<script src="//front.pixfs.net/js/pixpoi-ui-module--bundle.min.js?v=1f43d2625468423930fd3ac7faf14c61" defer></script>
<div class="tag-container-parent">
<div class="tag-container article-keyword" data-version="a">
</div>
<div class="tag-container global-keyword">
<div class="tag__header">
<div class="tag__header-title">全站熱搜</div>
</div>
<div class="tag__main">
</div>
</div>
</div>
<script>
pix.hotKeywordSvgPath = "https://front.pixfs.net/images/blog/post/mobile/hot_keywords_icon.svg?v=1f43d2625468423930fd3ac7faf14c61";
</script>
<script defer src="https://front.pixfs.net/js/hot-keywords.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
jQuery.noConflict();
jQuery(document).ready(function(){
try{
jQuery("#pix_toc_toggle").click(function(){
if (jQuery("#pix_toc_toggle")[0].innerHTML=='收合'){
jQuery("#pix_toc_toggle")[0].innerHTML='展開';
jQuery("#pix_toc_blcok").hide();
}else{
jQuery("#pix_toc_toggle")[0].innerHTML='收合';
jQuery("#pix_toc_blcok").show();
}
});
} catch(e) {
}
});
});
</script>
<!-- /1021267/desktop_article_fluid -->
<div class="one-multiply-one-ad"></div>
<div class="author-profile" itemscope itemprop="author" itemtype="https://schema.org/Person">
<div class="author-profile__header">創作者介紹</div>
<div class="author-profile__main" id="mixpanel-author-box">
<a href="https://www.pixnet.net/pcard/tryit287814?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=22783994">
<img class="author-profile__avatar" src="https://s7.pimg.tw/avatar/tryit287814/0/0/resize/80x0.png?v=" alt="創作者 tryit287814 的頭像" loading="lazy">
</a>
<div class="author-profile__content">
<a
class="author-profile__name"
href="https://www.pixnet.net/pcard/tryit287814?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=22783994"
>tryit287814</a>
<p class="author-profile__info" itemprop="name">tryit287814</p>
<div class="social-links">
</div>
</div>
<div class="author-profile__subscribe hoverable">
<a class="subscribe-btn" href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftryit287814.pixnet.net%2Fblog%2Fpost%2F22783994%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" aria-label="關注" data-follow-state="關注"></a>
</div>
</div>
</div>
<script>
(function() {
var authorAvatar = document.querySelector('.author-profile .author-profile__avatar');
var authorName = document.querySelector('.author-profile .author-profile__name');
var authorSocialLinks = document.querySelectorAll('.author-profile .author-profile__content .social-link');
authorAvatar.addEventListener('click', function () { recordEvent('author image'); });
authorName.addEventListener('click', function () { recordEvent('author name'); });
Array.prototype.forEach.call(authorSocialLinks, function (link) {
link.addEventListener('click', function () {
var label = link.getAttribute('data-social-type');
recordEvent(label);
});
});
function recordEvent (label) {
var _piq = window._piq || [];
_piq.push(['trackEvent', 'author-Intro', 'click-author-Intro', label]);
};
})();
</script>
<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4709" data-embed="false" style="display:inline-block;width:100%;height:auto;"></ins>
<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4725" data-embed="false" style="display:inline-block;"></ins> </div> <!-- .article-content //-->
<!-- 大四喜推薦模組（桌機） -->
<div id="pix-ad-related-post-desktop">
<div id="pix-ad-related-post-desktop-wrapper"></div>
</div>
<script>
</script>
<p class="author">
tryit287814 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://tryit287814.pixnet.net/blog/post/22783994#comments">留言</a>(0) <span class="author-views">人氣(<span id="BlogArticleCount-22783994"></span>)</span>
</p> <!-- .author //-->
<div class="forward">
<a href="javascript:;" onclick="pix.sendForwardTo('%E6%82%A8%E7%9A%84%E5%A5%BD%E6%9C%8B%E5%8F%8B%E9%82%80%E8%AB%8B%E6%82%A8%E8%A7%80%E7%9C%8B%20tryit287814%20%E7%9A%84%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%20%E9%83%A8%E8%90%BD%E6%A0%BC%E6%96%87%E7%AB%A0-%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8','%E6%82%A8%E5%A5%BD%EF%BC%8C%0A%0A%E6%82%A8%E7%9A%84%E5%A5%BD%E6%9C%8B%E5%8F%8B%E9%82%80%E8%AB%8B%E6%82%A8%E8%A7%80%E7%9C%8B%20tryit287814%20%E7%9A%84%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%20%E9%83%A8%E8%90%BD%E6%A0%BC%E6%96%87%E7%AB%A0-%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8%0A%E8%B6%8A%E5%A4%9A%E4%BA%BA%E7%9C%8B%E5%88%B0%EF%BC%8C%E5%8F%AF%E5%B9%AB%E4%BB%96%E5%A2%9E%E5%8A%A0%E8%B6%8A%E5%A4%9A%E4%BA%BA%E6%B0%A3%E5%96%94%7EGO%EF%BC%81%0A----------%0AOctober7%2C2007%0A%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8%0A----------%0A%E9%A6%AC%E4%B8%8A%E7%9C%8B%20https%3A%2F%2Ftryit287814.pixnet.net%2Fblog%2Fpost%2F22783994%0A----------%0A%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%0Ahttp%3A%2F%2Fwww.pixnet.net%2F')">E-mail轉寄</a>
</div> <!-- .forward //-->
<br>
<div style="position: static !important; display:block !important;visibility: visible !important; float: none !important; text-align: center">
<div style="width: 630px; height: 250px; padding-bottom: 10px;">
<div id="yb2818b5612ec4998a4461077" style="width: 300px; height: 250px; float: left;">
<!-- /1021267/desktop_article_endl -->
<div id='div-gpt-ad-1654160415151-0'></div>
<script>
var hostname = window.location.hostname,
subdomain = hostname.includes('pixnet.net') ? hostname.split('.')[0] : hostname;
googletag.cmd.push(function() {
googletag.defineSlot('/1021267/desktop_article_endl',[300, 250], 'div-gpt-ad-1654160415151-0')
.setTargeting('article_category', document.body.dataset.articleSiteCategoryId)
.setTargeting('subdomain', subdomain)
.setTargeting('attribute', pix.gpt.attribute)
.addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.pubads().collapseEmptyDivs();
googletag.enableServices();
googletag.display('div-gpt-ad-1654160415151-0');
});
</script>
<script src="https://static.criteo.net/js/ld/publishertag.js"></script>
<div id="crt-701fb163" style="width:300px; height:250px; margin: 0 auto;"></div>
<script>
Criteo.DisplayAcceptableAdIfAdblocked({
"zoneid": 439225,
"containerid": "crt-701fb163"
});
</script>
</div>
<div id="yb2818b5612ec4998a4461032" style="height: 250px; float: left; margin-left:25px">
</div>
</div>
<script>
(function() {
var width = document.querySelector('.article-content').offsetWidth,
ad1032 = document.querySelector('#yb2818b5612ec4998a4461032');
if (width >= 600) {
ad1032.innerHTML = "<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1032\" data-embed=\"false\" style=\"display:inline-block;\"><\/ins>";
} else if (width >= 575 && width <= 599) {
ad1032.innerHTML = "<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1603\" data-embed=\"false\" style=\"display:inline-block;\"><\/ins>";
}
})();
</script>
</div>
</div> <!-- .article-body //-->
<div class="article-footer">
<ul class="refer">
<li>全站分類：<a href="//www.pixnet.net/blog/articles/category/0">不設分類</a></li> <li>個人分類：<a href="https://tryit287814.pixnet.net/blog/category/1355187">語法的吉地</a></li> <li>此分類上一篇： <a class="quick-nav--cat-pre" href="https://tryit287814.pixnet.net/blog/post/22783988">自訂框線邊框</a></li>
<li>此分類下一篇： <a class="quick-nav--cat-next" href="https://tryit287814.pixnet.net/blog/post/22783995">ＣＣＳ 語 法</a></li>
<li>上一篇： <a class="quick-nav--pre" rel="prev" href="https://tryit287814.pixnet.net/blog/post/22783993" data-public-at="1191640500" data-thumb="https://imageproxy.pimg.tw/zoomcrop?url=https%3A%2F%2Fpic.pimg.tw%2Ftryit287814%2F49ba792366e8f.jpg&width=90&height=90">推薦你正在讀的書</a></li>
<li>下一篇： <a class="quick-nav--next" rel="next" href="https://tryit287814.pixnet.net/blog/post/22783995" data-public-at="1191738240" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">ＣＣＳ 語 法</a></li>
</ul>
<div class="history">
<h6>歷史上的今天</h6>
<ul>
<li>2007: <a href="https://tryit287814.pixnet.net/blog/post/22783996">YAHOO裡的表情符號</a></li>
<li>2007: <a href="https://tryit287814.pixnet.net/blog/post/22783995">ＣＣＳ 語 法</a></li>
</ul>
</div>
<div class="back-to-top"><a href="#top" title="back to the top of the page">▲top</a></div>
</div> <!-- .article-footer //-->
</div>
<script src="//front.pixfs.net/js/pixhappix-ui-module--bundle.min.js?v=1f43d2625468423930fd3ac7faf14c61" defer></script>
<script>
(function ($) {
var paragraphs,
adGap = 0,
minInterval = 900,
betweenAdInterval = 600,
adLimit = 14,
adQuantity = 0,
adIndexes = [],
octopusAdGap = minInterval / 2,
putOctopusAd = false,
needCheckBloggerAd = false,
hasAd = false,
needCheckInterval = true, // check whether falcon ad has enough interval
betweenAdGap = 0,
width = document.querySelector('.article-content').offsetWidth;
// #85484 段落判斷: 避開 p/ins.adsbygoogle ; 不避開 p/div/hr; #100301 避開div#pix_toc
paragraphs = needCheckBloggerAd ? document.querySelectorAll('.article-content-inner > p, .article-content-inner > ins.adsbygoogle') : document.querySelectorAll('.article-content-inner > p, .article-content-inner > div:not(#pix_toc), .article-content-inner > hr');
for (var i = 0; i < paragraphs.length - 1; i++) {
var putAd = false;
adGap += paragraphs[i].clientHeight;
if ( i === 1) { // #95696
const divElement = document.createElement("div");
divElement.setAttribute("id", "adsolut");
paragraphs[1].insertAdjacentElement("afterend", divElement);
}
if (needCheckBloggerAd) {
if (hasAdInParagraph(paragraphs[i]) || hasAdInParagraph(paragraphs[i+1])) {
hasAd = true;
if (needCheckInterval && adIndexes.length > 0 && adGap < betweenAdInterval) {
adIndexes.pop();
adQuantity--;
needCheckInterval = false;
}
betweenAdGap = 0;
continue;
}
if (hasAd) {
betweenAdGap += paragraphs[i].clientHeight;
if (betweenAdGap < betweenAdInterval) {
continue;
}
hasAd = false;
}
}
if (paragraphs[i].innerText.trim().length === 0) {
putAd = true;
}
if (paragraphs[i].innerText.length < 30 && paragraphs[i].style.backgroundColor !== "") {
putAd = true;
}
if (hasImageInParagraph(paragraphs[i]) && hasImageInParagraph(paragraphs[i+1])) {
putAd = true;
}
if (!hasImageInParagraph(paragraphs[i]) && !hasImageInParagraph(paragraphs[i+1])) {
putAd = true;
}
if (needCheckBloggerAd && adQuantity === adLimit && adGap >= betweenAdInterval) {
break;
}
if ((adGap < minInterval) && needCheckInterval) {
continue;
}
if (putAd) {
adIndexes.push(i);
needCheckInterval = true;
adQuantity++;
adGap = 0;
betweenAdGap = 0;
if (!needCheckBloggerAd && adQuantity === adLimit) {
break;
}
}
}
adIndexes.map(function (index, i) {
paragraphs[index].innerHTML += generateInReadAd(i + 1);
});
//加setTimeout避免多尺寸廣告dom還沒生成 #61821
setTimeout(() => {
adjustFeeSplitSettingPosition();
}, 5000);
if (paragraphs.length === 0) {
$('.author-profile').before(generateInReadAd(1));
return;
}
function generateInReadAd(index) {
index = Math.max(1, index);
var MIBClass = false ? ' mib-ad-box' : '';
return '<div class="article-inread-ad' + MIBClass + '" data-adindex="' + index + '">' +
generateInReadAdPos(index - 1) + '</div>';
}
function generateInReadAdPos(id) {
var ads = [
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3542" data-merge-position="3342" data-sibling-position="4386" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3542" data-embed="false" data-merge-position="3342" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4033" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4390" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4033" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4038" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4394" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4038" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4043" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4398" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4043" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4048" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4402" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4048" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4053" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4406" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4053" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3347" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4410" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3347" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4058" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4414" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4058" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4063" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4418" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4063" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4068" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4422" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4068" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4073" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4426" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4073" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4078" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4430" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4078" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3352" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4434" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3352" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
(width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3357" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4438" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' :
'<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3357" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'),
];
return ads[id];
}
function hasAdInParagraph(p) {
return p.innerHTML.toLowerCase().indexOf('<iframe') >= 0 || p.querySelector('ins.adsbygoogle')
|| (p.tagName.toLowerCase() === 'ins' && p.classList.contains('adsbygoogle'));
}
function hasImageInParagraph(p) {
return p.innerHTML.toLowerCase().indexOf('<img') >= 0;
}
//調整分潤廣告設定位置
function adjustFeeSplitSettingPosition(params) {
var inReadAds = document.querySelectorAll('.article-inread-ad')
for (var index = 0; index < inReadAds.length; index++) {
var adWrapper = inReadAds[index];
var adConfig = adWrapper.querySelector('.ad-config');
if (adConfig) {
var adWidth = adWrapper.querySelector('.adsbyfalcon').clientWidth;
if (adWidth === 0) {
adConfig.className += ' ad-config__hide';
continue;
}
adConfig.style.width = adWidth + "px";
adConfig.style.opacity = "1";
}
}
}
})(jQuery);
</script>
</div> <!-- #article-box //-->
<div id="user-post">
<div id="comment-box" class="user-post-box">
<a name="comments"></a>
<h3 id="comment-title" class="user-post-title" onclick="pix.commentSwitch('comment-text','comment-text-switch');" style="cursor:hand;cursor:pointer;"><img id="comment-text-switch" src="//s.pixfs.net/blog/images/choc/minus.gif" alt="留言列表" loading="lazy"> <span id="comment-title-span">留言列表</span></h3>
<div class="post-comment"><a href="/blog/post/22783994#comment-form">發表留言</a></div>
<div id="comment-text" class="user-post-text">
</div> <!-- #comment-text //-->
<div id='comment_form'>
</div>
</div> <!-- #comment-box //-->
</div> <!-- #user-post //-->
</div> <!-- #article-area //-->
</div> <!-- #content //-->
<div id="links">
<div id="sidebar__inner">
<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4717" data-embed="false" style="display:inline-block;"></ins> <div id="links-row-1">
<style>
.desktop_no_ad_sidebar_box {
display: flex;
justify-content: center;
padding-bottom: 10px;
}
</style>
<div class="hslice box ba8f639-miB-ad-sidebar-v2-ba8f639" data-plugin_type="mibsidebar1">
<div class="box-text entry-content">
<div class="ba8f639-miB-border-ba8f639">
<div class="ba8f639-siTemajidr-ba8f639" model="180x280">
<div class="mib__video-player-background u-mib-non-visible">
<video class="video-js vjs-default-skin mib__video-player--sidebar"
id="mib-video-player-sidebar--mibsidebar1"
controls preload="auto" width="180" height="180">
</video>
<div class="mib__video-player-btn-play">
<div class="mib__video-player-btn-play-outer-circle"></div>
<a class="mib__video-player-btn-play__button mib__video-player-btn-play__button-is-play" href="#">
<div class="mib__video-player-btn-play__button-icon mib__video-player-btn-play__button-is-play">
<svg height="100%" width="100%" fill="#f857a6">
<polygon class="mib__video-player-btn-play__button-icon-triangle" points="5,0 30,15 5,30" viewBox="0 0 30 15"></polygon>
<path class="mib__video-player-btn-play__button-icon-path" d="M5,0 L30,15 L5,30z" fill="none" stroke="#f857a6" stroke-width="1"></path>
</svg>
</div>
</a>
<div class="mib__video-player-btn-play__countdown" style="display: none">
<div class="mib__video-player-btn-play__countdown-number"></div>
<svg class="mib__video-player-btn-play__circle">
<circle r="18" cx="20" cy="20"></circle>
</svg>
</div>
</div>
<img class="mib__video-player-btn-expand" alt="mib__video" style="display: none" src="//front.pixfs.net/module/mib/img/btn-expand.png?v=1f43d2625468423930fd3ac7faf14c61" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=1f43d2625468423930fd3ac7faf14c61">
</div>
</div>
</div><!-- /.mib-border -->
</div>
</div>
<div class="hslice box" id="announce">
<h4 class="box-title entry-title">
站方公告 </h4>
<div class="box-text entry-content">
<ul>
<li><a href="http://admin.pixnet.net/blog/post/49241196-%5b%e5%85%ac%e5%91%8a%5d-%e3%80%8c%e6%96%b0%e5%9e%8b%e6%85%8b%e6%96%87%e7%ab%a0%e3%80%8d%e5%b0%87%e6%96%bc-2024-" target="_blank">[公告] 「新型態文章」將於 2024 年 6 月 28 日終止服務</a></li><li><a href="http://admin.pixnet.net/blog/post/49228904-%5b%e5%85%ac%e5%91%8a%5d-pixwallet-%e9%8c%a2%e5%8c%85%e5%8f%96%e6%b6%88%e6%94%af" target="_blank">[公告] PIXwallet 錢包取消支票寄送暨服務條款異動通知</a></li><li><a href="http://admin.pixnet.net/blog/post/48932924" target="_blank">[公告]部落格 Google Analytics (GA4) 設定更新方式介紹</a></li></ul> </div>
</div> <!-- #announce //-->
<div id="user-info" class="hslice box">
</div>
<script>
jQuery(function($) {
jQuery.ajaxSetup({ cache: true });
jQuery.ajax({
type: 'GET',
url: '/api/blog/myplace',
data: {'setting': null, 'name': null, 'done': location.href},
success: function(data) {
jQuery('#user-info').append(data.html);
window.pix.bindAreaSubButtons(document.getElementById('user-info'));
pix.iframePopup.init('#popup-frame', "https:\/\/tryit287814.pixnet.net\/friend\/list", '#user-info-open-friends-iframe', '#popup-frame .frame-close', "tryit287814 \u7684\u597d\u53cb\u5217\u8868");
},
error: function(error) {
console.log(error);
}
});
});
</script>
<div class="hslice box" id="hot-article">
<h4 class="box-title entry-title">
熱門文章 </h4>
<div class="box-text entry-content">
<ul id="hotArtUl">
</ul>
<script>
jQuery('#hot-article #hotArtUl').load('/blog/hotarticledata?limit=5');
</script>
</div>
</div> <!-- #hot-article //-->
<div class="hslice box" id="category">
<h4 class="box-title entry-title">
文章分類 </h4>
<div class="box-text entry-content">
<div class="box-more">
<img src="//s.pixfs.net/blog/images/choc/expand.gif" alt="unfold all categories" width="15" height="15" style="cursor:hand;cursor:pointer;" onClick="pix.openAllCategory('open');" loading="lazy" >
<img src="//s.pixfs.net/blog/images/choc/collapse.gif" alt="fold all categories" width="15" height="15" style="cursor:hand;cursor:pointer;" onClick="pix.openAllCategory('close');" loading="lazy">
</div>
<ul>
<li><a href="/blog/category/1355191">分享好音樂 (58)</a></li><li><a href="/blog/category/1355190">繪圖的天地 (13)</a></li><li><a href="/blog/category/1355189">黑白的畫廊 (16)</a></li><li><a href="/blog/category/1355188">紙模型專區 (13)</a></li><li><a href="/blog/category/1355187">語法的吉地 (33)</a></li><li><a href="/blog/category/1355186">電影與 MV (12)</a></li><li><a href="/blog/category/1355185">本人的惡搞 (5)</a></li><li><a href="/blog/category/1355184">愛貓愛到死 (26)</a></li><li><a href="/blog/category/1355183">藝人的大門 (102)</a></li><li><a href="/blog/category/1355182">借來的勁片 (45)</a></li><li><a href="/blog/category/1355181">閃動的話題 (36)</a></li><li><a href="/blog/category/1355180">宇與女合唱 (4)</a></li><li><a href="/blog/category/1355179">心情的記事 (29)</a></li><li><a href="/blog/category/1355178">所有的專輯 (17)</a></li><li><a href="/blog/category/1355177">張宇的音樂 (212)</a></li><li><a href="/blog/category/1355176">自己亂寫的 (4)</a></li></ul>
</div>
</div> <!-- #category //-->
<div class="hslice box" id="recent-article">
<h4 class="box-title entry-title">
最新文章 </h4>
<div class="box-text entry-content">
<ul id="last-article-box">
</ul>
</div>
</div> <!-- #recent-article //-->
<script>
jQuery(function($) {
jQuery.ajaxSetup({ cache: true });
jQuery.ajax({
type: 'GET',
url: '/api/blog/latestarticle',
data: {'done': location.href},
success: function(data) {
jQuery('#last-article-box').append(data.html);
},
error: function(error) {
console.log(error);
}
});
});
</script>
<div class="hslice box" id="latest-comment">
<h4 class="box-title entry-title">
最新留言 </h4>
<div class="box-text entry-content">
<script>
jQuery('#latest-comment div').load('/blog/plugin/latestcomment');
</script>
</div>
</div> <!-- #latest-comment //-->
<div class="hslice box" id="archive">
<h4 class="box-title entry-title">
文章精選 </h4>
<div class="box-text entry-content">
<select onchange="pix.gotoArchive(this);">
<option value="-pixnet-">文章精選</option>
<option value="/blog/archives/200903">2009 三月 (44)</option>
<option value="/blog/archives/200902">2009 二月 (22)</option>
<option value="/blog/archives/200901">2009 一月 (5)</option>
<option value="/blog/archives/200812">2008 十二月 (1)</option>
<option value="/blog/archives/200811">2008 十一月 (1)</option>
<option value="/blog/archives/200810">2008 十月 (5)</option>
<option value="/blog/archives/200809">2008 九月 (3)</option>
<option value="/blog/archives/200808">2008 八月 (8)</option>
<option value="/blog/archives/200807">2008 七月 (6)</option>
<option value="/blog/archives/200806">2008 六月 (1)</option>
<option value="/blog/archives/200802">2008 二月 (8)</option>
<option value="/blog/archives/200801">2008 一月 (15)</option>
<option value="/blog/archives/200712">2007 十二月 (26)</option>
<option value="/blog/archives/200711">2007 十一月 (16)</option>
<option value="/blog/archives/200710">2007 十月 (65)</option>
<option value="/blog/archives/200709">2007 九月 (116)</option>
<option value="/blog/archives/200708">2007 八月 (20)</option>
<option value="/blog/archives/200707">2007 七月 (27)</option>
<option value="/blog/archives/200706">2007 六月 (14)</option>
<option value="/blog/archives/200704">2007 四月 (140)</option>
<option value="/blog/archives/200703">2007 三月 (63)</option>
<option value="/blog/archives/200702">2007 二月 (4)</option>
<option value="/blog/archives/200701">2007 一月 (15)</option>
</select>
<div class="box-more">
<a href="/blog/listall/1">所有文章列表</a>
</div>
</div>
</div> <!-- #archive //-->
<div class="hslice box" id="search">
<h4 class="box-title entry-title">
文章搜尋 </h4>
<div class="box-text entry-content">
<form method="post" action="https://tryit287814.pixnet.net/blog/search/" id="search-form" data-wording-needkeyword="請輸入關鍵字">
<ul>
<li><input name="search-target" id="search-target" type="text" ></li>
<li><input id="search-submit" type="submit" value="搜尋" ></li>
</ul>
</form>
<script>
jQuery('#search-form').submit(function(event){
if ('' === jQuery('#search-target').val()) {
alert(jQuery(this).attr('data-wording-needkeyword'));
event.preventDefault();
}
});
</script>
</div>
</div> <!-- #search //-->
<div class="hslice box" id="feed">
<h4 class="box-title entry-title">
新聞交換(RSS) </h4>
<div class="box-text entry-content">
<ul>
<li>
<a rel="nofollow" title="pixnet rss" href="https://feed.pixnet.net/blog/posts/rss/tryit287814"><img alt="pixnet rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-rss.gif" alt="pixnet-rss"loading="lazy" width="83" height="15"></a>
</li>
<li>
<a rel="nofollow" title="pixnet atom rss" href="https://feed.pixnet.net/blog/posts/atom/tryit287814"><img alt="pixnet atom rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-atom.gif" alt="pixnet-atom" loading="lazy" width="83" height="15"></a>
</li>
<li>
<a rel="nofollow" title="reply rss" href="https://feed.pixnet.net/blog/comments/rss/tryit287814"><img alt="pixnet rss for reply" src="//s.pixfs.net/blog/images/choc/reply-rss.gif" alt="reply-rss" loading="lazy" width="83" height="15"></a>
</li>
</ul>
</div>
</div> <!-- #feed //-->
<div class="hslice box" id="visitor">
<h4 class="box-title entry-title">
誰來我家 </h4>
<div class="box-text entry-content">
<script>
jQuery('#visitor div').load('/blog/plugin/visitor');
</script>
</div>
</div> <!-- #visitor //-->
<div class="hslice box" id="counter">
<h4 class="box-title entry-title">
參觀人氣 </h4>
<div class="box-text entry-content">
<ul>
<li>本日人氣：<span id="blog_hit_daily"></span></li>
<li>累積人氣：<span id="blog_hit_total"></span></li>
</ul>
<script type="text/javascript"><!--
jQuery.getScript('//counter.pixplug.in/getcounter.php?now=1714118577&random=2378067376&data[%23BlogArticleCount-22783994]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%221849867%22%2C%2222783994%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23blog_hit_daily]=%7B%22counter%22%3A%5B%22blog%22%2C%221849867%22%2C1%2C%22daily%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23blog_hit_total]=%7B%22counter%22%3A%5B%22blog%22%2C%221849867%22%2C1%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&check=147016437');
//--></script>
</div>
</div> <!-- #counter //-->
<div class="hslice box" id="qrcode">
<h4 class="box-title entry-title">
QR Code </h4>
<div class="box-text entry-content">
<div class="qrcode">
<img src="https://s.pimg.tw/qrcode/tryit287814/blog/post/22783994.png" alt="qrcode" loading="lazy">
</div>
</div>
</div> <!-- #qrcode //-->
<div class="hslice box" id="powered">
<h4 class="box-title entry-title">
POWERED BY </h4>
<div class="box-text entry-content">
<ul>
<li><a href="//www.pixnet.net" title="pixnet"><img src="//s.pixfs.net/blog/images/choc/pixnet-logo.png" alt="pixnet" loading="lazy" ></a></li>
<li><a href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftryit287814.pixnet.net%2Fblog%2Fpost%2F22783994%3Futm_source%3DPIXNET%26utm_medium%3DBlog_login&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1&from_service=Blog">(登入)</a></li>
</ul>
</div>
</div> <!-- #powered //-->
</div>
<!-- #links-row-1 //-->
<div id="links-row-2">
</div>
<!-- #links-row-2 //-->
<script>
jQuery(function($) {
jQuery.ajaxSetup({ cache: true });
jQuery.ajax({
type: 'GET',
url: '/api/blog/sidebar',
data: {
'param': {"articleid":"22783994","controller":"blog","action":"post","0":"22783994","article_page":1,"comment_page":1},
'types': ['cus'],
},
success: function(data) {
['sidebar1', 'sidebar2'].forEach(sidebarKey => {
var sidebarCustom = data[sidebarKey];
for (var pluginKey in sidebarCustom) {
var emptyCustom = document.getElementById('empty-type-' + pluginKey);
if (!emptyCustom) {
continue;
}
emptyCustom.insertAdjacentHTML('afterend', sidebarCustom[pluginKey]);
emptyCustom.remove();
}
});
var customPlugins = document.getElementsByClassName('folder');
for (var index = 0; index < customPlugins.length; index++) {
var customPlugin = customPlugins[index];
if ('box' != customPlugin.id.substr(0, 3)) {
continue;
}
createPluginScript(customPlugin);
}
if (typeof window.sidebarSetting === 'function') {
window.sidebarSetting();
}
},
error: function(error) {
console.log(error);
}
});
function createPluginScript(pluginNode) {
var pluginNodeScripts = pluginNode.getElementsByTagName('script');
for (var index = 0; index < pluginNodeScripts.length; index++) {
var pluginNodeScript = pluginNodeScripts[index];
var parentNode = pluginNodeScript.parentNode;
var script = document.createElement('script');
script.text = pluginNodeScript.innerHTML;
for (var i = pluginNodeScript.attributes.length - 1; i >= 0; i--) {
script.setAttribute(pluginNodeScript.attributes[i].name, pluginNodeScript.attributes[i].value);
}
parentNode.replaceChild(script, pluginNodeScript);
}
}
});
</script>
<div id="sticky-sidebar-ad"></div>
<div id="ad-mib">
<script>
pix.MIB = pix.MIB || {};
pix.MIB.config = {
hosthash: 'fbb1390f4dd81718dc481e1df34c1f12',
dr: {source: 'tryit287814'},
goldAds: document.querySelectorAll('.ba8f639-siTemajidr-ba8f639'),
uniq: '4b44504eeb7f6b4d19ee1cd751daae71c44d7a3718577',
percentSite: '//falcon.pixnet.net/mib/vap',
falconSite: 'https://falcon.pixnet.net',
cate: '0',
userlists: '',
hasMIB: 0,
canPutVideo: false,
article_cate_id: '0',
MIBthreshold: 0.7,
demo: {
hash: '',
demoOption: 0 },
availablePositions: [{
id: 1,
name: 'sidebar-1',
enable: 1
},{
id: 1,
name: 'sidebar-2',
enable: false },{
id: 61,
name: 'sidebar-3',
enable: true },{
id: 3,
name: 'video',
enable: false },{
id: 8,
name: 'unfold',
enable: true },{
id: 10,
name: 'fly-desktop-image',
enable: false },{
id: 11,
name: 'fly-mobile-image',
enable: false },{
id: 12,
name: 'fly-mobile-video',
enable: false },{
id: 14,
name: 'desktop_article_ad',
enable: false }],
ref: ''
};
(function() {
var goldAds = pix.MIB.config.goldAds;
var isMobile = "";
if (goldAds[0] && !isMobile) {
pix.MIB.build.generate();
pix.MIB.build.detectPageScrollPlayback();
}
})();
</script>
</div>
<!-- #ad-mib //-->
</div>
<!-- #sidebar__inner //-->
</div>
<!-- #links //-->
</div>
<!-- #main //-->
<div id="footer" class="
">
<p></p>
<div id="bottom">
<a class="bottom-skiplink" href="https://tryit287814.pixnet.net/blog/post/22783994/#top" title="back to the top of the page">回到頁首</a>
<a class="bottom-skiplink" href="https://tryit287814.pixnet.net/blog/post/22783994#article-area" title="back to the main cotent of the page">回到主文</a>
<a class="bottom-pixnet" href="//member.pixnet.cc/register?utm_source=PIXNET&utm_medium=Blog_footer_register">免費註冊</a>
<a target="_blank" class="bottom-pixnet" href="//help.pixnet.tw">客服中心</a>
<a target="_blank" class="bottom-pixnet" href="//www.pixnet.net">痞客邦首頁</a>
© 2003 - 2024 PIXNET
</div>
</div>
<!-- #footer //-->
</div>
<!-- #container3 //-->
<div id="extradiv11"></div>
<div id="extradiv10"></div>
<div id="extradiv9"></div>
<div id="extradiv8"></div>
</div>
<!-- #container2 //-->
<div id="extradiv7"></div>
<div id="extradiv6"></div>
<div id="extradiv5"></div>
<div id="extradiv4"></div>
</div>
<!-- #container //-->
<div id="extradiv3"></div>
<div id="extradiv2"></div>
<div id="extradiv1"></div>
<div id="extradiv0"></div>
</div>
<!-- #body-div //-->
</div>
<script>
jQuery(window).on('load', function () {
//autoImgResize
'1';
jQuery.settings = jQuery.settings || {};
jQuery.settings.autoImgResize = {
mode:+'1',
resizWidth:+'400',
selector:'content'
};
if (2 === jQuery.settings.autoImgResize.mode) {
jQuery.settings.autoImgResize.resizWidth = jQuery('.article-content').width();
}
pix.autoImgResize(jQuery.settings.autoImgResize.resizWidth, jQuery.settings.autoImgResize.selector);
});
</script>
<script>
jQuery(function() {
pix.fixPixnetPlayerID();
jQuery('.article-head').find('.column-star').each(function() {
var column_link = jQuery(this).attr('data-column-link');
jQuery(this).find('h2').append(' <a title="專欄之星" href="' + column_link + '" target="_blank"><img title="專欄之星" alt="column star article" src="https://s.pixfs.net/blog/images/choc/column_star.gif"></a>');
});
jQuery('.article-hot').each(function() {
jQuery(this).find('h2').append(' <a class="__dailyhotclass" title="本日熱門" href="' + jQuery(this).attr('data-hot-link') + '" target="_blank"><img title="熱門文章" alt="hot article today" src="https://s.pixfs.net/blog/images/choc/today_hot.gif"></a>');
});
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-45SMZ66RLZ"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H55XS04PCP"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-45SMZ66RLZ', {
});
let user_name = 'tryit287814';
let current_page_location = document.location;
let parser = document.createElement('a');
parser.href = current_page_location;
parser.hash = '';
let virtual_page_location = 'https://' + parser.hostname + '/' + user_name + decodeURI(parser.pathname) + parser.search;
gtag('config', 'G-H55XS04PCP', {
'page_location': virtual_page_location,
'blog_category': '不設分類',
'content_group': '不設分類',
'article_age': '16y',
});
(function() {
var cookieMatchImg = new Image();
cookieMatchImg.src = '//cm.g.doubleclick.net/pixel?google_nid=pixnet_dmp&google_cm';
})();
(function (){
window.ga = window.ga || (()=>{});
})();
</script>
<script>window.AviviD = window.AviviD || {settings:{},status:{}}; AviviD.web_id = "pixnet"; AviviD.category_id = "20170531000006"; AviviD.tracking_platform = 'likr';</script>
<script async src="https://avivid.likr.tw/api/subscribe_core.min.js"></script>
<script async src="https://avivid.likr.tw/api/ring_only_tracking.min.js"></script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '510235355828933');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none" alt="facebook"
src="https://www.facebook.com/tr?id=510235355828933&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<div id="popup-frame" style="display:none">
<div id="frame-dimmer"></div>
<div id="frame-box">
<div id="frame-border"></div>
<div id="frame-header">
<h3></h3>
<a href="#" class="frame-close" title="關閉視窗"><span>關閉視窗</span></a>
</div>
<div id="frame-content"></div>
</div>
</div>
<script defer src="https://s.pixanalytics.com/js/c.js?v=9"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var _type = window._type || '';
_type = 'front_blog'; _uCount();
_type = 'front_blog_byarticlecategory:0'; _uCount();
_type = 'front_blog_bysitecategory:0'; _uCount();
if (document.location.toString().indexOf('/post/') != -1) {
_type = 'front_blog_post'; _uCount();
}
if (document.location.toString().indexOf('/search/') != -1) {
_type = 'front_blog_search'; _uCount();
}
});
</script>
<script src="//referer.pixplug.in/static/r.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<script>
_currentPageUsername = 'tryit287814';
_refererCount();
</script>
<script>
var _piq = _piq || [];
_piq.unshift(
['setCustomVar', 'venue', 'pixnet'],
['setCustomVar', 'author_id', pix.owner],
['setCustomVar', 'article_category_id', "0"],
['setCustomVar', 'nonce', pix.login_name],
['setCustomVar', 'visitor_id', pix.visitor],
['setCustomVar', 'visitor_openid', pix.openid],
['setCustomVar', 'member_uniqid', pix.member_uniqid],
['setCustomVar', 'pending', true],
['trackPageView']
);
(function(d, t, u, f, j) {
f = d.getElementsByTagName(t)[0];
j = d.createElement(t);
j.async = 1;
j.src = u;
f.parentNode.insertBefore(j, f);
})(document, 'script', 'https://s.pixanalytics.com/js/pi.min.js?v=1f43d2625468423930fd3ac7faf14c61');
(function () {
document.addEventListener('DOMContentLoaded', function () {
var viewTimeStart = new Date().getTime(),
_driveMode = ('none' === jQuery(document.body).data('mobileMode')) ? 'desktop' : 'mobile';
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
var viewTimeEnd = new Date().getTime(),
stayTime = viewTimeEnd - viewTimeStart;
_piq.push(['trackEvent', 'article_stay_time', '離開頁面', _driveMode, stayTime]);
} else {
viewTimeStart = new Date().getTime();
}
});
jQuery('#pixad1032').on('click', 'a', function() {
if ('styleme' === jQuery(this).data('source')) {
_piq.push(['trackEvent', 'yahoo 大聯盟導購', '金鑽版位點擊']);
}
});
var pixad1032ImpTracking = function() {
var container = jQuery('#pixad1032');
if (0 === container.find('a').length) {
setTimeout(pixad1032ImpTracking, 500);
return;
}
if ('styleme' == container.find('a').data('source')) {
_piq.push(['trackEvent', 'yahoo 大聯盟導購', '金鑽版位曝光']);
}
};
pixad1032ImpTracking();
});
var maxScroll = 0,
timer = null,
verticalPercentages = [{
percentage: 20,
tracked: false,
}, {
percentage: 50,
tracked: false,
}, {
percentage: 80,
tracked: false,
}, {
percentage: 100,
tracked: false,
}];
window.addEventListener('scroll', function () {
maxScroll = Math.max(window.scrollY, maxScroll);
clearTimeout(timer);
timer = setTimeout(function () {
trackReadCompletion(maxScroll);
}, 100);
});
window.addEventListener('beforeunload', function () {
var targetElement = document.querySelector('.article-content-inner'),
elementHeight = targetElement.offsetHeight,
totalOffsetTop = 0,
maxScrollDepth = window.scrollY,
scrollPosition = maxScroll;
while (targetElement) {
totalOffsetTop += (targetElement.offsetTop - targetElement.scrollTop + targetElement.clientTop);
targetElement = targetElement.offsetParent;
}
scrollPosition = Math.min(Math.max(0, scrollPosition - totalOffsetTop), elementHeight);
var ratio = Number.parseFloat(scrollPosition / elementHeight).toFixed(2);
_piq.push(['trackEvent', 'article_read_completion', '', elementHeight + '::' + scrollPosition, ratio]);
});
function trackReadCompletion (maxScroll) {
if (maxScroll > window.scrollY) {
return;
}
var targetElement = document.querySelector('.article-content-inner'),
elementHeight = targetElement.offsetHeight,
ratio = Number.parseFloat(maxScroll / elementHeight).toFixed(2);
verticalPercentages.filter(function (verticalPercentage) {
return verticalPercentage.percentage <= ratio * 100 && !verticalPercentage.tracked;
}).forEach(function (verticalPercentage) {
verticalPercentage.tracked = true;
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'article_read_completion',
eventAction: 'scroll-' + verticalPercentage.percentage,
eventLabel: elementHeight + '::' + maxScroll,
});
});
}
})();
</script>
<script defer src="https://front.pixfs.net/js/pixinsight.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<!-- Modified: 1714118577 -->
<!-- async script -->
<script>
document.addEventListener('DOMContentLoaded', function () {
jQuery.ajaxSetup({ cache: true });
jQuery.getScript("https://js.pixplug.in/addon/86/production.js?v=1687158292", function(data, textStatus) { jQuery.pixBookmarkButtons({"position":"top","addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); });
jQuery.getScript("https://js.pixplug.in/addon/96/production.js?v=1707965146", function(data, textStatus) { jQuery.pix0rz({"addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); });
jQuery.getScript("https://js.pixplug.in/addon/98/production.js?v=1686894939", function(data, textStatus) { jQuery.pixShowPlurk({"addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); });
jQuery.getScript("https://js.pixplug.in/addon/206/production.js?v=1686894939", function(data, textStatus) { jQuery.pixShowTwitter({"addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); });
jQuery.ajaxSetup({ cache: false });
});
</script>
<!-- load sync script -->
<!-- execute sync addon -->
<script></script>
<script>
pix.stylemeTags = [];
pix.isBlogArticle = true;
</script>
<script src="//front.pixfs.net/js/styleme.min.js?v=1f43d2625468423930fd3ac7faf14c61" crossorigin="anonymous"></script>
<script>
(function () {
pix.octopusTags = null;
if (null === pix.octopusTags || undefined === pix.octopusTags) {
return;
}
for (var i = 0; i < pix.octopusTags.length; i++) {
if ('' === pix.octopusTags[i]) {
continue;
}
_piq.push(['trackEvent', 'otopusTag', '', pix.octopusTags[i]]);
}
})();
</script>
<script>
var nineyi_group = "X1";
var nineyi_keyindex = "0";
var nineyi_match = "";
var nineyi_id = "pix91_7f1802dfa5ca12a7040b9e77592c817e";
var nineyi_products = [{"asset":"0104","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126120-4162329176_s.jpg?v=1446126272","title":"MissHana\u82b1\u5a1c\u5c0f\u59d0\u5b8c\u7f8e\u7121\u75d5\u4e09\u8272\u906e\u7455\u818f","oprice":"380","nprice":"299","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/1256490"},{"asset":"0138","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126147-4136062762_s.jpg?v=1446126272","title":"E\u2027Heart \u4f0a\u5fc3 \u6301\u4e45\u96b1\u5f62\u96d9\u9762\u96d9\u773c\u76ae\u8cbc","oprice":"348","nprice":"180","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/344734"},{"asset":"0143","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126150-2749437497_s.jpg?v=1446126272","title":"3CE (3CONCEPT EYES) \u8d85\u986f\u8272\u5507\u818f","oprice":"499","nprice":"399","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/1610019"},{"asset":"0223","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126232-3103690318_s.jpg?v=1446126273","title":"ND \u812b\u6bdb\u871c\u881f\/\u9664\u6bdb\u871c\u881f 220g","oprice":"299","nprice":"299","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/1035850"},{"asset":"0160","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126167-2508883353_s.jpg?v=1446126272","title":"\u97d3\u570b RiRe \u9ed1\u982d\u7c89\u523a\u6e05\u6f54\u5237 \u4e59\u652f\u5165(\u5167\u9644\u6e05\u6f54\u4e7320mL)","oprice":"290","nprice":"290","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/640966"},{"asset":"0109","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126124-168867797_s.jpg?v=1446126272","title":"Miss Hana \u82b1\u5a1c\u5c0f\u59d0 \u6c34\u611f\u63a7\u8272CC\u971c","oprice":"349","nprice":"299","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/668815"}];
</script>
<script id="idleTemplate" type="text/x-jsrender" data-main="//front.pixfs.net/module/idlePop/js/idlePop.min.js?v=1f43d2625468423930fd3ac7faf14c61">
<link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=1f43d2625468423930fd3ac7faf14c61">
<div class="modal idle-pop" tabindex="-1" role="dialog" aria-describedby="dialog">
<div class="modal-bg"></div>
<div class="modal-dialog">
<a class="modal-close" data-close="【 關閉 X 】"></a>
<div class="modal-content">
<div class="modal-header">本網頁已閒置超過 3 分鐘。請點 <kbd>關閉</kbd> 或 <kbd>點擊</kbd>任一空白處，即可回到網頁</div>
<div class="modal-body">
<div class="blogger-info">
<a class="blogger-info__avatar" href="https://www.pixnet.net/pcard/tryit287814?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=22783994"><img src="{{:user.avatar}}" alt="{{:user.name}} 的大頭貼"></a>
<div class="blogger-info__profile">
<div class="blogger-info__row">
<dl>
<dt>部落格名稱</dt>
<dd><a href="{{:blog.link}}">{{:blog.name}}</a></dd>
</dl>
</div>
<div class="blogger-info__row">
<dl>
<dt>人氣</dt>
<dd data-unit="人">{{:blog.hits.total}}</dd>
<dt>好友數</dt>
<dd data-unit="人">{{:user.friends_count}}</dd>
<dt>文章總數</dt>
<dd data-unit="篇">{{:blog.articles_count}}</dd>
</dl>
</div>
<div class="blogger-info__row hoverable">
<a class="subscribe-btn" href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftryit287814.pixnet.net%2Fblog%2Fpost%2F22783994%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" aria-label="關注" data-follow-state="關注"></a>
</div>
</div>
</div>
<div class="idle-adsense">
</div>
<div class="idle-related-posts">
{{for posts}}
<a class="idle-related-post" href="{{:link}}">
<img src="{{:thumb}}" alt="文章縮圖">
<div class="idle-related-post__detail">
<h4>{{:title}}</h4>
<div class="idle-related-post__desc" data-readmore="繼續閱讀">{{:body}}</div>
</div>
</a>
{{/for}}
</div>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
</script>
<script id="idleTemplateBig" type="text/x-jsrender" data-main="//front.pixfs.net/module/idlePop/js/idlePop.min.js?v=1f43d2625468423930fd3ac7faf14c61">
<link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=1f43d2625468423930fd3ac7faf14c61">
<div class="modal idle-pop idle-pop__big" tabindex="-1" role="dialog" aria-describedby="dialog">
<div class="modal-bg"></div>
<div class="modal-dialog">
<a class="modal-close" data-close="【 關閉 X 】"></a>
<div class="modal-content">
<div class="modal-header">本網頁已閒置超過 3 分鐘。請點 <kbd>關閉</kbd> 或 <kbd>點擊</kbd>任一空白處，即可回到網頁</div>
<div class="modal-body">
<div class="modal-top">
<div class="modal-top__left">
<div class="blogger-info">
<a class="blogger-info__avatar" href="https://www.pixnet.net/pcard/tryit287814?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=22783994"><img src="{{:user.avatar}}" alt="{{:user.name}} 的大頭貼"></a>
<div class="blogger-info__profile">
<div class="blogger-info__row">
<dl>
<dt>部落格名稱</dt>
<dd><a href="{{:blog.link}}">{{:blog.name}}</a></dd>
</dl>
</div>
<div class="blogger-info__row">
<dl>
<dt>人氣</dt>
<dd data-unit="人">{{:blog.hits.total}}</dd>
<dt>好友數</dt>
<dd data-unit="人">{{:user.friends_count}}</dd>
<dt>文章總數</dt>
<dd data-unit="篇">{{:blog.articles_count}}</dd>
</dl>
</div>
<div class="blogger-info__row hoverable">
<a class="subscribe-btn" href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftryit287814.pixnet.net%2Fblog%2Fpost%2F22783994%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" aria-label="關注" data-follow-state="關注"></a>
</div>
</div>
</div>
<div class="idle-related-posts">
{{for posts}}
<a class="idle-related-post" href="{{:link}}">
<div class="idle-related-post__detail">
<h4>{{:title}}</h4>
<div class="idle-related-post__desc" data-readmore="繼續閱讀">{{:body}}</div>
</div>
</a>
{{/for}}
</div>
</div>
<div class="modal-top__right">
<div class="idle-adsense">
</div>
</div>
</div>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
</script>
<script src="//front.pixfs.net/js/hide-ad-checker.min.js?v=1f43d2625468423930fd3ac7faf14c61" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var moveHouse = document.querySelector('.move-screen');
if (moveHouse) {
_piq.push(['trackEvent', 'moveHouse', 'DOMContentLoaded', 'desktop']);
}
});
</script>
<script>
(function () {
window.requestAnimFrame = (function () {
'use strict';
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
// handle multiple browsers for cancelAnimationFrame() ref:https://msdn.microsoft.com/zh-tw/library/hh920765(v=vs.85).aspx
window.cancelAnimFrame = (function () {
return window.cancelAnimationFrame ||
window.webkitCancelAnimationFrame ||
window.mozCancelAnimationFrame ||
window.oCancelAnimationFrame ||
function (id) {
window.clearTimeout(id);
};
})();
})();
</script>
<script defer src="//front.pixfs.net/js/side-effect.min.js?v=1f43d2625468423930fd3ac7faf14c61" crossorigin="anonymous"></script>
<script defer src="//front.pixfs.net/module/fullPage/dist/ad-full-page.min.js?v=1f43d2625468423930fd3ac7faf14c61" crossorigin="anonymous"></script>
<script src="https://front.pixfs.net/js/sticky-sidebar-ad.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<script src="https://falcon-asset.pixfs.net/js/clickLinkFormat.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<script src="https://falcon-asset.pixfs.net/js/adVideo.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<script src="https://octopus-asset.pixfs.net/js/octopus_modern.min.js?v=1f43d2625468423930fd3ac7faf14c61" type="module" crossorigin="anonymous" defer></script>
<script nomodule src="https://octopus-asset.pixfs.net/js/octopus_legacy.min.js?v=1f43d2625468423930fd3ac7faf14c61" crossorigin="anonymous" defer></script>
<script defer src="https://cdn.jsdelivr.net/npm/axios@0.21.4/dist/axios.min.js" integrity="sha256-DVQ37PYX3vJRSJgdfRDBKog6O3HoUVA812fyGtiutRU=" crossorigin="anonymous"></script>
<script type="module" src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<script nomodule src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=1f43d2625468423930fd3ac7faf14c61"></script>
<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3731" data-embed="false" style="display:inline-block;"></ins><script src="https://member.pixnet.cc/api/uid2.php" type="text/javascript"></script>
<script async src="https://cdn.prod.uidapi.com/uid2-sdk-3.2.0.js"></script>
<script async src="https://cdn.prod.uidapi.com/uid2SecureSignal.js"></script>
<script>
const unifiedID2 = function() {
let token = JSON.stringify(uid2_identity);
document.cookie = `__uid_2=${token};path=/`;
pbjs.setConfig({
userSync: {
userIds: [{
name: 'uid2',
params: {
uid2ServerCookie: '__uid_2'
}
}]
}
});
}();
// GAM secure signals
const pixnetUid2SecureSignal = function() {
window.__uid2 = window.__uid2 || {};
window.__uid2.callbacks = window.__uid2.callbacks || [];
window.__uid2.callbacks.push((eventType, payload) => {
if (eventType === 'SdkLoaded') {
let token = JSON.stringify(uid2_identity);
__uid2.init({
identity: token
});
}
});
pbjs.que.push(function() {
window.getUid2AdvertisingToken = async () => pbjs.getUserIdsAsEids().find(eid => eid.source === "uidapi.com").uids[0].id;
if (window.__uid2SecureSignalProvider) window.__uid2SecureSignalProvider.registerSecureSignalProvider();
});
if (pix.user_name === null) {
window.googletag.cmd.push(function () {
window.googletag.secureSignalProviders.clearAllCache();
});
}
}();
</script>
</body>
</html>
]]></plaintext></strong></p></font></div>