註解
跑馬燈
...
普通捲動
...
滑動
...預設捲動
...來回捲動
...向下捲動
...向上捲動
向右捲動
向左捲動
...捲動次數
...設定寬度
...設定高度
...設定背景顏色
...設定捲動距離
...
設定捲動時間
字體效果

...

標題字(最大)
...
標題字(最小)
...粗體字
...粗體字(強調)
...斜體字
...
斜體字(強調)
...斜體字(表示定義)
...底線
...底線(表示插入文字)
...橫線
...刪除線
...刪除線(表示刪除)
...鍵盤文字
... 打字體
...固定寬度字體(在文件中空白、換行、定位功能有效)
...</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 =&#39;font-size:100 px&#39;>...</font><font color=#ff007f>無限增大</font> <br><!><font color=#ff007f>區斷標記</font> <br><hr><font color=#ff007f>水平線</font> <br><hr size=&#39;9&#39;><font color=#ff007f>水平線(設定大小)</font> <br><hr width=&#39;80%&#39;><font color=#ff007f>水平線(設定寬度)</font> <br><hr color=&#39;ff0000&#39;><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=&#39;_blank&#39;></a></strong><strong><font color=#ff007f>外部連結(另開新視窗) <br></font><a href=位址 target=&#39;_top&#39;></a></strong><strong><font color=#ff007f>外部連結(全視窗連結) <br></font><a href=位址 target=&#39;頁框名&#39;></a></strong><strong><font color=#ff007f>外部連結(在指定頁框連結) <br></font><!><font color=#ff007f>貼圖/音樂</font> <br><img src=<font color=#ff007f>圖片位址>貼圖</font> <br><img src=</strong><strong><font color=#ff007f>圖片位址 width=&#39;180&#39;>設定圖片寬度 <br></font><img src=<font color=#ff007f>圖片位址 height=&#39;30&#39;>設定圖片高度</font> <br><img src=<font color=#ff007f>圖片位址 alt=""""&#39;提示文字&#39;>設定圖片提示文字</font>"""" <br><img src=</strong><strong><font color=#ff007f>圖片位址&#39; border=&#39;1&#39;>設定圖片邊框 <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>&nbsp; <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 ALIGN> </strong><strong><font color=#ff007f>調整圖形影像的位置 <br></font><IMG ALT> <font color=#ff007f>為你的圖形影像加註</font> <br><IMG DYNSRC LOOP> <font color=#ff007f>加入影片</font> <br><IMG HEIGHT WIDTH> </strong><strong><font color=#ff007f>插入圖片並預設圖形大小 <br></font><IMG HSPACE> <font color=#ff007f>插入圖片並預設圖形的左右邊界</font> <br><IMG LOWSRC> <font color=#ff007f>預載圖片功能</font> <br><IMG SRC BORDER> <font color=#ff007f>設定圖片邊界</font> <br><IMG SRC> <font color=#ff007f>插入圖片</font> <br><IMG 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"><img 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 class="author-profile"> <div class="author-profile__header">創作者介紹</div> <div class="author-profile__main"> <img class="author-profile__avatar" src="https://s7.pimg.tw/avatar/tryit287814/0/0/resize/80x0.png?v=" alt="" /> <div> <div class="author-profile__content"> <a class="author-profile__name" href="http://tryit287814.pixnet.net">tryit287814</a> <div class="social-links"> <img class="social-link__icon" src="http://front.pixfs.net/images/blog/post/mobile/social/icon-facebook--gray.png?v=a3f5396a2c729630da3d64623cb03742" alt="" /> <img class="social-link__icon" src="http://front.pixfs.net/images/blog/post/mobile/social/icon-mail--gray.png?v=a3f5396a2c729630da3d64623cb03742" alt="" /> <img class="social-link__icon" src="http://front.pixfs.net/images/blog/post/mobile/social/icon-youtube--gray.png?v=a3f5396a2c729630da3d64623cb03742" alt="" /> <img class="social-link__icon" src="http://front.pixfs.net/images/blog/post/mobile/social/icon-instagram--gray.png?v=a3f5396a2c729630da3d64623cb03742" alt="" /> </div> </div> <p class="author-profile__info">tryit287814</p> </div> </div> </div> </div> </div> <!-- .article-content //--> <p class="author"> tryit287814 發表在 <a href="http://www.pixnet.net/">痞客邦 PIXNET</a> <a href="http://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%20http%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: 620px; height: 250px; padding-bottom: 10px;"> <div id="f107840fb2fc2455b987c1077" style="width: 300px; height: 250px; float: left; padding-right: 1px;"> <ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="1077" data-embed="false" style="display:inline-block;"></ins> <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="f107840fb2fc2455b987c1032" style="width: 300px; height: 250px; float: left;"> </div> </div> <script> (function($) { var w = $('.article-content:first').width(), ad1032 = $('#f107840fb2fc2455b987c1032'); if (w >= 600) { ad1032.append("<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1032\" data-embed=\"false\" style=\"display:inline-block;width:300px;height:250px;\"><\/ins>"); } else if (w >= 550 && w <= 599) { ad1032.append("<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1603\" data-embed=\"false\" style=\"display:inline-block;width:250px;height:250px;\"><\/ins>"); } else { } })(jQuery); </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="http://tryit287814.pixnet.net/blog/category/1355187">語法的吉地</a></li> <li>此分類上一篇: <a class="quick-nav--cat-pre" href="http://tryit287814.pixnet.net/blog/post/22783988">自訂框線邊框</a></li> <li>此分類下一篇: <a class="quick-nav--cat-next" href="http://tryit287814.pixnet.net/blog/post/22783995">CCS 語 法</a></li> <li>上一篇: <a class="quick-nav--pre" rel="prev" href="http://tryit287814.pixnet.net/blog/post/22783993" data-public-at="1191640500" data-thumb="https://s6.pimg.tw/album/tryit287814/element/113309956_49ba792366e8f/zoomcrop/90x90.jpg">推薦你正在讀的書</a></li> <li>下一篇: <a class="quick-nav--next" rel="next" href="http://tryit287814.pixnet.net/blog/post/22783995" data-public-at="1191738240" data-thumb="http://s.pixfs.net/mobile/images/blog/article-image.png">CCS 語 法</a></li> </ul> <div class="history"> <h6>歷史上的今天</h6> <ul> <li>2007: <a href="http://tryit287814.pixnet.net/blog/post/22783996">YAHOO裡的表情符號</a></li> <li>2007: <a href="http://tryit287814.pixnet.net/blog/post/22783995">CCS 語 法</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> // track 上下篇點擊 (function ($) { 'use strict'; (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-408650-10', 'auto', {'name': 'quickNavTracker'}); var referBlock = $('.refer'), quickNav = { catPre: { selector: '.quick-nav--cat-pre', name: '此分類上一篇', }, catNext: { selector: '.quick-nav--cat-next', name: '此分類下一篇', }, pre: { selector: '.quick-nav--pre', name: '上一篇', }, next: { selector: '.quick-nav--next', name: '下一篇', } }, trackEvent = function (action, label) { ga('quickNavTracker.send', 'event', 'previous-next-page', action, label, { nonInteraction: ('imps' === action) }); }, bindClick = function (selector, label) { referBlock.on('click', selector, function () { trackEvent('click', label); }); }; for (var key in quickNav) { var obj = quickNav[key]; if (referBlock.find(obj.selector).length) { /* 不再記錄曝光 */ // 點擊時紀錄 bindClick(obj.selector, obj.name); } } })(jQuery); </script> <script> (function ($) { var paragraphs = document.querySelectorAll('.article-content-inner p'), paragraphsNumber = paragraphs.length - 1, index = Math.floor(paragraphsNumber / 2), adPosition = paragraphs[index], inReadAd = '<div class="article-inread-ad">' + '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="2394" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' + '</div>'; if (paragraphsNumber === 0) { $('.author-profile').before(inReadAd); return; } if (isInTable(adPosition)) { $(adPosition).parents('table').after(inReadAd); return; } adPosition.innerHTML += inReadAd; function isInTable (element) { return !!$(element).parents('table').length; } })(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"> <span>留言列表 (0)</span></h3> <div class="post-comment"><a href="/blog/post/22783994-%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8#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 //--> <script type="text/javascript"> <!-- jQuery(function() { // ajax 接postcommentAction產生的comment form var action = location.href; action = action.replace('/post/', '/postcomment/'); jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: action, data: {"getForm": 1, "isMobile": 0}, dataType: 'json', success: function(data) { jQuery('#comment_form').html(data.form); setTimeout(function () { if (jQuery.pixQuestionary && 'function' === typeof jQuery.pixQuestionary) { jQuery.pixQuestionary(pix.user_name); } }, 1000); // 用來判斷是否有安裝'留言插入表情符號' App if (jQuery.pixAddonCommentEmotion && 'function' === typeof jQuery.pixAddonCommentEmotion) { // 裝了App 但沒表情符號可選, 須重新call function if (! document.getElementById('comment-emotion')) { jQuery.pixAddonCommentEmotion(); } } }, error: function(error) { console.log(error); } }); jQuery.ajaxSetup({ cache: false }); jQuery('.comment-icon').attr('style', 'vertical-align:middle;'); }); // --> </script> </div> <!-- #article-area //--> </div> <!-- #content //--> <div id="links"> <div id="links-row-1"> <div class="hslice box i076917-mib-ad-sidebar-v2-i076917" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="i076917-mib-border-i076917 dark"> <div class="i076917-sitemajidr-i076917" 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> <img class="mib__video-player-btn-expand" src="//front.pixfs.net/module/mib/img/btn-expand.png?v=a3f5396a2c729630da3d64623cb03742" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=a3f5396a2c729630da3d64623cb03742"> </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/45436452-%5b%e5%85%ac%e5%91%8a%5d-2017-11-4-%e9%83%a8%e8%90%bd%e6%a0%bc%e6%9c%8d%e5%8b%99%e9%a1%af%e7%a4%ba%e7%95%b0%e5%b8%b8%e8%aa%aa%e6%98%8e' target='_blank'>[公告] 2017/11/4 部落格部分服務顯示異常說明</a></li><li><a href='http://admin.pixnet.net/blog/post/45420324-%5b%e5%85%ac%e5%91%8a%5d-%e7%9b%ae%e5%89%8d%e7%97%9e%e5%ae%a2%e9%82%a6%e6%96%bc-2017-10-27-%e7%99%bc%e7%94%9f-ddos-%e9%80%a3%e7%b7%9a%e6%94%bb' target='_blank'>[公告] 目前痞客邦於 2017/10/27 發生 DDoS 連線攻擊</a></li><li><a href='http://admin.pixnet.net/blog/post/45327564-%5b%e5%85%ac%e5%91%8a%5d-pixnet-api-%e4%bd%bf%e7%94%a8%e6%a2%9d%e6%ac%be%e7%95%b0%e5%8b%95%e5%85%ac%e5%91%8a' target='_blank'>[公告] PIXNET API 使用條款異動公告</a></li></ul> </div> </div> <!-- #announce //--> <div id="user-info" class="hslice box"> <h4 class="box-title entry-title"> 個人資訊 </h4> <div class="box-text entry-content"> <a class="user-img" href="http://www.pixnet.net/blog/profile/tryit287814"><img src="https://s7.pimg.tw/avatar/tryit287814/0/0/zoomcrop/90x90.png?v=" /></a> <div class="user-action"> </div> <dl> <dt>暱稱:</dt><dd>tryit287814</dd> <dt>分類:</dt><dd>不設分類</dd> <dt>好友:</dt><dd>共0位 <a href="#" id="user-info-open-friends-iframe">(看全部)</a></dd> <dt>地區:</dt> <dd>台中市</dd> </dl> </div> </div> <script type="text/javascript"> <!-- jQuery(function($) { pix.iframePopup.init('#popup-frame', "http:\/\/tryit287814.pixnet.net\/friend\/list", '#user-info-open-friends-iframe', '#popup-frame .frame-close', "tryit287814 \u7684\u597d\u53cb\u5217\u8868"); var $add_friend = $('#user-info').find('input.add_friend'); var $add_subs = $('#user-info').find('input.add_subs'); $add_friend.add($add_subs).click(function(e){ window.location = 'http://' + "www.pixnet.net" + '?done=' + encodeURIComponent(window.location); }); }); //--> </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 type="text/javascript"> <!-- 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" style="cursor:hand;cursor:pointer;" onClick="pix.openAllCategory('open');"> <img src="//s.pixfs.net/blog/images/choc/collapse.gif" alt="fold all categories" style="cursor:hand;cursor:pointer;" onClick="pix.openAllCategory('close');"> </div> <ul><!-- ie6bug --><li><a href="/blog/category/1355191">分享好音樂 (58)</a></li><!-- ie6bug --><li><a href="/blog/category/1355190">繪圖的天地 (13)</a></li><!-- ie6bug --><li><a href="/blog/category/1355189">黑白的畫廊 (16)</a></li><!-- ie6bug --><li><a href="/blog/category/1355188">紙模型專區 (13)</a></li><!-- ie6bug --><li><a href="/blog/category/1355187">語法的吉地 (33)</a></li><!-- ie6bug --><li><a href="/blog/category/1355186">電影與 MV (12)</a></li><!-- ie6bug --><li><a href="/blog/category/1355185">本人的惡搞 (5)</a></li><!-- ie6bug --><li><a href="/blog/category/1355184">愛貓愛到死 (26)</a></li><!-- ie6bug --><li><a href="/blog/category/1355183">藝人的大門 (102)</a></li><!-- ie6bug --><li><a href="/blog/category/1355182">借來的勁片 (45)</a></li><!-- ie6bug --><li><a href="/blog/category/1355181">閃動的話題 (36)</a></li><!-- ie6bug --><li><a href="/blog/category/1355180">宇與女合唱 (4)</a></li><!-- ie6bug --><li><a href="/blog/category/1355179">心情的記事 (29)</a></li><!-- ie6bug --><li><a href="/blog/category/1355178">所有的專輯 (17)</a></li><!-- ie6bug --><li><a href="/blog/category/1355177">張宇的音樂 (212)</a></li><!-- ie6bug --><li><a href="/blog/category/1355176">自己亂寫的 (4)</a></li><!-- ie6bug --></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> <li><a href="/blog/post/22784218">FHM 2009 三月號FHM Girl--蔡淑臻</a></li> <li><a href="/blog/post/22784217">一對寶</a></li> <li><a href="/blog/post/22784216">張雨生-口是心非</a></li> <li><a href="/blog/post/22784215">動力火車-再見我的愛人</a></li> <li><a href="/blog/post/22784214">民雄-跟著月亮走</a></li> </ul> </div> </div> <!-- #recent-article //--> <div class="hslice box" id="latest-comment"> <h4 class="box-title entry-title"> 最新留言 </h4> <div class="box-text entry-content"> <script type="text/javascript"><!-- 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="http://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 type="text/javascript">//<!-- 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 title="pixnet rss" href="/blog/feed/rss"><img alt="pixnet rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-rss.gif" ></a></li><!-- --><li><a title="pixnet atom rss" href="/blog/feed/atom"><img alt="pixnet atom rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-atom.gif" ></a></li><!-- --><li><a title="reply rss" href="/blog/comments/feed"><img alt="pixnet rss for reply" src="//s.pixfs.net/blog/images/choc/reply-rss.gif" ></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 type="text/javascript"><!-- 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=1511328610&random=4206082200&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=1774059895'); //--></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="http://s.pimg.tw/qrcode/tryit287814/blog/post/22783994-%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8.png" > </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" ></a></li> <li><a href="https://panel.pixnet.cc/login/openid?done=http%3A%2F%2Ftryit287814.pixnet.net%2Fblog%2Fpost%2F22783994-%25EF%25BC%25A8%25EF%25BC%25B4%25EF%25BC%25AD%25EF%25BC%25AC%25E8%25AA%259E%25E6%25B3%2595%25E5%25A4%25A7%25E5%2585%25A8&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 //--> <div id="ad-mib"> <script> pix.MIB = pix.MIB || {}; pix.MIB.config = { hosthash: 'fbb1390f4dd81718dc481e1df34c1f12', dr: {source: 'tryit287814'}, goldAds: document.querySelectorAll('.i076917-sitemajidr-i076917'), uniq: '087bbfc7684d05929a9b55d566067f5899c77aed28610', percentSite: '//falcon.pixanalytics.com/mib/vap', falconSite: '//falcon.pixanalytics.com', cate: '0', hasMIB: 0, canPutVideo: false, article_cate_id: '0', demo: { hash: '', demoOption: 0 }, availablePositions: [{ id: 1, name: 'sidebar-1', enable: 1 },{ id: 1, name: 'sidebar-2', enable: false },{ id: 3, name: 'video', enable: false },{ id: 8, name: 'unfold', enable: false },{ 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: 13, name: 'article_video', 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> <!-- #links //--> </div> <!-- #main //--> <div id="footer"> <p></p> <div id="bottom"> <a class="bottom-skiplink" href="http://tryit287814.pixnet.net/blog/post/22783994-%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8/#top" title="back to the top of the page">回到頁首</a> <a class="bottom-skiplink" href="http://tryit287814.pixnet.net/blog/post/22783994-%EF%BC%A8%EF%BC%B4%EF%BC%AD%EF%BC%AC%E8%AA%9E%E6%B3%95%E5%A4%A7%E5%85%A8#article-area" title="back to the main cotent of the page">回到主文</a> <a class="bottom-pixnet" href="//member.pixnet.cc/register">免費註冊</a> <a target="_blank" class="bottom-pixnet" href="http://help.pixnet.tw">客服中心</a> <a target="_blank" class="bottom-pixnet" href="//www.pixnet.net">痞客邦首頁</a> &copy; 2003 - 2017 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 type="text/javascript"> <!-- 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 type="text/javascript"> <!-- 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="http://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> <script src="//front.pixfs.net/js/mixpanel.js?v=4b36ae69?v=a3f5396a2c729630da3d64623cb03742"></script> <script src="//front.pixfs.net/js/blog-mixpanel.min.js?v=09e150d3?v=a3f5396a2c729630da3d64623cb03742"></script> <script type="text/javascript"> <!-- if (typeof dataLayer === 'undefined') dataLayer = []; dataLayer.push({ "blog_page_type": "post", "keyword": "", "page_meta": "tryit287814\/blog\/post\/22783994-HTML語法大全", "user_cat_id": "1355187", "user_cat_name": "語法的吉地", "is_testing_43400": false, "is_partner_program": false, "is_mobile_mode": false, "is_spam": "0", "user_name": "tryit287814", "page_type": "blog", "service_type": "blog", "page_view": "\/blog\/", "blog_name": "tryit287814", "blog_cat": "0 - 不設分類", "is_loggedin": false, "is_VIP": false, "is_obstruct": false, "viewer_type": "Regular Member", "article_title": "HTML語法大全", "article_id": "22783994", "article_cat": "0 - 不設分類" }); --> </script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KGMWFG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MZ3SPM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="text/javascript"> <!-- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-408650-10', 'auto', {'allowLinker': true, 'legacyCookieDomain': 'none'}); ga('require', 'linker'); ga('set', 'member1', 'GUEST'); ga('set', 'vip1', 'nonVIP'); ga('send', 'pageview', '/blog/'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KGMWFG'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MZ3SPM'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M9S8TF'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NDN8FB'); (function($, undefined) { $(function() { var cookieMatchImg = new Image(); cookieMatchImg.src = '//cm.g.doubleclick.net/pixel?google_nid=pixnet_dmp&google_cm'; }); })(jQuery); //--> </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" 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 type="text/javascript" src="//s.pixanalytics.com/js/c.js?v=9"></script> <script type="text/javascript"> if ('undefined' === typeof window._uCount) { window._uCount = function () {}; } </script> <script type="text/javascript"> <!-- var _type = 'front_blog'; _uCount(); var _type = 'front_blog_byarticlecategory:0'; _uCount(); var _type = 'front_blog_bysitecategory:0'; _uCount(); if (document.location.toString().indexOf('/post/') != -1) { var _type = 'front_blog_post'; _uCount(); var _type = 'front_blog_post_nonvip'; _uCount(); } if (document.location.toString().indexOf('/search/') != -1) { var _type = 'front_blog_search'; _uCount(); } //--> </script> <script src="http://referer.pixplug.in/static/r.js?v=a3f5396a2c729630da3d64623cb03742" type="text/javascript"></script> <script type="text/javascript"> <!-- _currentPageUsername = 'tryit287814'; _refererCount(); //--> </script> <script> var _piq = _piq || []; _piq.push( ['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], ['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'); (function ($) { $(function () { var _startTime = Math.floor((new Date()).getTime() / 1000), _driveMode = ('none' === $(document.body).data('mobileMode')) ? 'desktop' : 'mobile', _send = false, unload; unload = function () { if (_send) { return; } var _endTime = Math.floor((new Date()).getTime() / 1000), _isIdleAdClosed = ''; switch ($.adIdlePopClosed) { case 'hasClosed' : _isIdleAdClosed = 'close idle ad'; break; case 'neverClosed' : _isIdleAdClosed = 'not close idle ad'; break; default : } // 此處紀錄停留時間單位為秒(sec) _piq.push(['trackEvent', 'article stay time', _isIdleAdClosed, _driveMode, (_endTime - _startTime)]); _send = true; }; $(window).on({ 'beforeunload.idlePI': unload, 'unload.idlePI': unload, 'pagehide.idlePI': unload }); // #54640, 測試停留時間,改用 Page Visibility API 過濾出有效的 view time var viewTimeStart = new Date().getTime(); document.addEventListener("visibilitychange", function(){ if (document.hidden) { var viewTimeEnd = new Date().getTime(), stayTime = viewTimeEnd - viewTimeStart; // 此處紀錄停留時間單位為毫秒(ms) _piq.push(['trackEvent', 'article_stay_time', '離開頁面', _driveMode, stayTime]); } else { viewTimeStart = new Date().getTime(); } }); $('#pixad1032').on('click', 'a', function() { if ('styleme' === $(this).data('source')) { _piq.push(['trackEvent', 'yahoo 大聯盟導購', '金鑽版位點擊']); } }); var pixad1032ImpTracking = function() { var container = $('#pixad1032'); if (0 === container.find('a').length) { setTimeout(pixad1032ImpTracking, 500); return; } if ('styleme' == container.find('a').data('source')) { _piq.push(['trackEvent', 'yahoo 大聯盟導購', '金鑽版位曝光']); } }; pixad1032ImpTracking(); }); })(jQuery); </script> <script src="//front.pixfs.net/js/pixinsight.min.js?v=99980588?v=a3f5396a2c729630da3d64623cb03742"></script> <div class="stream-topic-more" id="stream-topic-more"> 找更多<a href="#"></a>相關文章與討論 </div> <!-- Modified: 1511328610 --> <!-- async script --> <script type="text/javascript"> <!-- jQuery.ajaxSetup({ cache: true }); jQuery.getScript("https://js.pixplug.in/addon/86/production.js?v=1490773849", 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,"ab_testing_seed":2198757987}); }); jQuery.getScript("https://js.pixplug.in/addon/96/production.js?v=1380100897", function(data, textStatus) { jQuery.pix0rz({"addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":2198757987}); }); jQuery.getScript("https://js.pixplug.in/addon/98/production.js?v=1497412908", function(data, textStatus) { jQuery.pixShowPlurk({"addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":2198757987}); }); jQuery.getScript("https://js.pixplug.in/addon/206/production.js?v=1497413248", function(data, textStatus) { jQuery.pixShowTwitter({"addon_username":"tryit287814","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":2198757987}); }); jQuery.ajaxSetup({ cache: false }); //--> </script> <!-- load sync script --> <!-- execute sync addon --> <script type="text/javascript"></script> <script>pix.stylemeTags = [];</script> <script src="//front.pixfs.net/js/styleme.min.js?v=5dd4b933?v=a3f5396a2c729630da3d64623cb03742" 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_fe42042e66e20715cd46aaefc98c053e"; var nineyi_products = [{"asset":"0104","image":"http:\/\/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":"http:\/\/www.86shops.com.tw\/SalePage\/Index\/1256490"},{"asset":"0138","image":"http:\/\/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":"http:\/\/www.86shops.com.tw\/SalePage\/Index\/344734"},{"asset":"0143","image":"http:\/\/pic.pimg.tw\/pixnetvisual\/1446126150-2749437497_s.jpg?v=1446126272","title":"3CE (3CONCEPT EYES) \u8d85\u986f\u8272\u5507\u818f","oprice":"499","nprice":"399","link":"http:\/\/www.86shops.com.tw\/SalePage\/Index\/1610019"},{"asset":"0223","image":"http:\/\/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":"http:\/\/www.86shops.com.tw\/SalePage\/Index\/1035850"},{"asset":"0160","image":"http:\/\/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":"http:\/\/www.86shops.com.tw\/SalePage\/Index\/640966"},{"asset":"0109","image":"http:\/\/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":"http:\/\/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=a3f5396a2c729630da3d64623cb03742"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=6057ab06?v=a3f5396a2c729630da3d64623cb03742"> <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="//www.pixnet.net/blog/profile/{{:user.name}}"><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"> </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 src="//front.pixfs.net/js/hide-ad-checker.min.js?v=8e1fb39e?v=a3f5396a2c729630da3d64623cb03742" crossorigin="anonymous"></script> <script> document.addEventListener('DOMContentLoaded', function () { var moveHouse = document.querySelector('.move-screen'); if (moveHouse) { _piq.push(['trackEvent', 'moveHouse', 'DOMContentLoaded', 'desktop']); } }); </script> </body> </html>