關閉廣告
正Man's World
跳到主文
我說啊....
我們的愛 和 翔樹 以及 寵物們 再加上 ♪♫ 跟 電影，就是我仰賴的陽光。
和我一起 光合作用吧...ღ
部落格全站分類：
心情日記
相簿
部落格
留言
名片
Apr
24
Mon
2006
23:59
[學習] HTML
ASP 魏大雅老師上課講的
04/18
下拉式選單
size= n (選單列數)
multiple
(可多重選擇)>
第一選項
第二選項
文字輸入窗格
rows= n (行數)
cols
= n (列數)
wrap
= off | on>預設顯示內容
04/11
載入網頁
scrolling= yes | no |auto <font color="#ff0000">marginheight</font>= n | % <font color="#ff0000">marginwidth</font> = n | % <font color="#ff0000">height</font>= n | % <font color="#ff0000">width</font> = n | % <font color="#ff0000">frameborder</font>= 0 | 1 <font color="#ff0000">name</font> = 名字 (與target配合使用)><br /><br />表單<br /><form action=" 路徑 | 網址 " <font color="#ff0000">method = get | put <font color="#ff0000">name</font> = "名字"><br /></form><br /><br />表單的輸入方塊<br /><input type = text | password <font color="#ff0000">name="名字" <font color="#ff0000">value</font>="初值" <font color="#ff0000">size</font> = n (欄位大小) <font color="#ff0000">maxlength</font> = n (最大字數)><br /><br /><br /><br /><font size="4"><strong>相關聯結</strong></font><br /><hr/><a href="http://neural.cs.nthu.edu.tw/jang/books/html/" rel="nofollow ugc noreferrer noopener" target="_new"><font color="#99ccff">簡介與應用</font></a> (以下皆從此站內容轉貼)<br /><a href="http://neural.cs.nthu.edu.tw/jang/books/html/example/multimedia/rgbhex.gif" rel="nofollow ugc noreferrer noopener" target="_new"><font color="#99ccff">色碼表</font></a><br /><br /><br /><font size="4"><strong>簡易語法<br /><hr/></strong></font><br /><table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellspacing="0" cellpadding="0" width="100%" align="center" bgcolor="#ffffff" border="1"> <caption>背景相關</caption> <tbody> <tr> </tr> <tr> <td width="20%"> <p align="center">屬性名稱</p> </td> <td width="20%"> <p align="center">說明</p> </td> <td> <p align="center">範例</p> </td> </tr> <tr> <td width="20%">BACKGROUND</td> <td width="20%">背景圖片設定</td> <td><body background="圖檔路徑"> </td> </tr> <tr> <td>BGCOLOR</td> <td>背景顏色設定</td> <td rowspan="5"><body<br /> bgcolor=white <br /> text=black <br /> link="#ff0000" <br /> vlink="#00ff00" <br /> alink="#0000ff"> </td> </tr> <tr> <td>TEXT</td> <td>基本文字顏色 </td> </tr> <tr> <td>LINK</td> <td>連結文字顏色 </td> </tr> <tr> <td>VLINK</td> <td>連結文字被點選後的顏色 </td> </tr> <tr> <td>ALINK</td> <td>連結文字被選取中的顏色 </td> </tr> </tbody></table><br /><table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellspacing="0" cellpadding="0" width="100%" align="center" bgcolor="#ffffff" border="1"> <caption>表頭標籤</caption> <tbody> <tr> </tr> <tr> <td align="center" width="20%">標籤</td> <td align="center" width="20%">語法</td> <td align="center">屬性</td> </tr> <tr> <td align="center" width="20%"> <p align="left">Hn<br /> <font size="1">n=1、2、3、4、5、6</font> </p> </td> <td align="center" width="20%"> <p align="left"><Hn> </Hn> </p> </td> <td align="center"> <p align="left">ALIGN = left|right|center </p> </td> </tr> </tbody></table><br /><p align="left"><br /></p><table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellspacing="0" cellpadding="0" width="100%" align="center" bgcolor="#ffffff" border="1"> <caption>水平線</caption> <tbody> <tr> <td class="boldw">標籤</td> <td colspan="2">hr </td> </tr> <tr> <td class="boldw">功能</td> <td colspan="2">畫水平線 </td> </tr> <tr> <td class="boldw">語法</td> <td colspan="2"><hr></td> </tr> <tr> <td class="boldw" width="15%" rowspan="5">屬性及說明 </td> </tr> <tr> <td>ALIGN=left|right|center</td> <td>水平線位置的設定，可選擇置左、置中、置右三種方式 </td> </tr> <tr> <td>NOSHADE</td> <td>沒有陰影效果的水平線 </td> </tr> <tr> <td>SIZE=n</td> <td>水平線的粗細，n 值為整數 </td> </tr> <tr> <td>WIDTH=n|p%</td> <td>水平線的長度，可給 Pixel 值也可給百分比值。 </td> </tr> <tr> <td class="boldw">其它說明</td> <td colspan="2">水平線的顏色跟檔案的背景顏色是有相關性的，當背景顏色是白色時，水平線是灰色；當背景顏色是藍色時，水平線是淺藍色。 </td> </tr> </tbody></table><br /><br /><table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellspacing="0" cellpadding="0" width="100%" align="center" bgcolor="#ffffff" border="1"> <caption>字的變化</caption> <tbody> <tr> <td align="center" width="20%">標籤</td> <td align="center" width="20%">語法</td> <td align="center">屬性 </td> </tr> <tr> <td align="center"> <p align="left">FONT</p> </td> <td align="center"> <p align="left"><font size="2"><font size="n">敘述</font></font></p> </td> <td align="center"> <p align="left">SIZE=string(1~7)<br /> COLOR=#RRGGBB<br /> FACE=font names (ex.標楷體、新細明體)</p> </td> </tr> </tbody></table><br /><table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellspacing="0" align="center" bgcolor="#ffffff" border="1"> <tbody> <tr> </tr> <tr> <td> <p align="center"><b>標籤</b></p> </td> <td> <p align="center"><b>說明及範例</b></p> </td> </tr> <tr> <td><B></td> <td>將所標記的文字<b>字型加粗 </b></td> </tr> <tr> <td><I></td> <td>將所標記的文字<i>變成斜體 </td> </tr> <tr> <td><U></td> <td>將所標記的文字<u>加上底線</u> </td> </tr> <tr> <td><STRIKE></td> <td>將所標記的文字<strike>畫線刪除</strike> </td> </tr> <tr> <td><BIG></td> <td>將所標記的文字<big>放大</big> </td> </tr> <tr> <td><SMALL></td> <td>將所標記的文字<small>縮小</small> </td> </tr> <tr> <td><SUP></td> <td>將所標記的文字<sup>變成上標</sup> </td> </tr> <tr> <td><SUB></td> <td>將所標記的文字<sub>變成下標</sub> </td> </tr> <tr> <td><EM></td> <td>將所標記的文字<em>加以強調</em> </td> </tr> <tr> <td><STRONG></td> <td>將所標記的文字<strong>加重語氣</strong> </td> </tr> <tr> <td><TT></td> <td>將所標記的文字以 <tt> Teletype font </tt>字型表現，常用在固定大小的文字上 </td> </tr> <tr> <td><code><CODE></code></td> <td>將所標記的文字以 <code>Code Fragment </tt>字型表現，常用在程式碼的敘述上 </code></td> </tr> <tr> <td><VAR></td> <td>將所標記的文字以 <var> Variable </var>字型表現，常用在算數式的變數上 </td> </tr> </tbody></table><br /> </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=829d4a1dc47288b04ff8460db0ab18d1" 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=829d4a1dc47288b04ff8460db0ab18d1" 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=829d4a1dc47288b04ff8460db0ab18d1" 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=829d4a1dc47288b04ff8460db0ab18d1"; </script> <script defer src="https://front.pixfs.net/js/hot-keywords.min.js?v=829d4a1dc47288b04ff8460db0ab18d1"></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/joy0626?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=2109447"> <img class="author-profile__avatar" src="https://s3.pimg.tw/avatar/joy0626/0/0/resize/80x0.png?v=1281115216" alt="創作者 Joy 的頭像" loading="lazy"> </a> <div class="author-profile__content"> <a class="author-profile__name" href="https://www.pixnet.net/pcard/joy0626?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=2109447" >Joy</a> <p class="author-profile__info" itemprop="name">正Man's World</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%2Fjoy0626.pixnet.net%2Fblog%2Fpost%2F2109447%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="4674" 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"> Joy 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://joy0626.pixnet.net/blog/post/2109447#comments">留言</a>(0) <span class="author-views">人氣(<span id="BlogArticleCount-2109447"></span>)</span> </p> <!-- .author //--> <div class="forward"> </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="sf7cfa1ca84ca412b97d91077" style="width: 300px; height: 250px; float: left;"> <ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="1811" 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="sf7cfa1ca84ca412b97d91032" style="height: 250px; float: left; margin-left:25px"> </div> </div> <script> (function() { var width = document.querySelector('.article-content').offsetWidth, ad1032 = document.querySelector('#sf7cfa1ca84ca412b97d91032'); if (width >= 600) { ad1032.innerHTML = "<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1811\" data-embed=\"false\" style=\"display:inline-block;width:300px;height:250px;\"><\/ins>"; } else if (width >= 575 && width <= 599) { ad1032.innerHTML = '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="1817" 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/8">進修深造</a></li> <li>個人分類：<a href="https://joy0626.pixnet.net/blog/category/192333">學習＊Learning</a></li> <li>此分類上一篇： <a class="quick-nav--cat-pre" href="https://joy0626.pixnet.net/blog/post/2109333">[學習] 無名教學 - 好站推薦</a></li> <li>此分類下一篇： <a class="quick-nav--cat-next" href="https://joy0626.pixnet.net/blog/post/2109473">[學習] 播放器變色</a></li> <li>上一篇：<img src="//s.pixfs.net/common/images/privacy-friend-small.gif" border="0" alt="好友文章"> <a class="quick-nav--pre" rel="prev" href="https://joy0626.pixnet.net/blog/post/10724318" data-public-at="1145821620" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">有在改變嗎</a></li> <li>下一篇： <a class="quick-nav--next" rel="next" href="https://joy0626.pixnet.net/blog/post/2109448" data-public-at="1145962500" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">[健康] 睡半飽的健康危機</a></li> </ul> <div class="history"> <h6>歷史上的今天</h6> <ul> <li>2009: <a href="https://joy0626.pixnet.net/blog/post/23722279">[札記] 墾丁半日行</a></li> <li>2006: <img src="//s.pixfs.net/common/images/privacy-friend-small.gif" border="0" alt="好友文章"> <a href="https://joy0626.pixnet.net/blog/post/10724318">有在改變嗎</a></li> <li>2006: <img src="//s.pixfs.net/common/images/privacy-friend-small.gif" border="0" alt="好友文章"> <a href="https://joy0626.pixnet.net/blog/post/10724317">又吃文了</a></li> <li>2006: <img src="//s.pixfs.net/common/images/privacy-friend-small.gif" border="0" alt="好友文章"> <a href="https://joy0626.pixnet.net/blog/post/10724316">2天的奔跑</a></li> <li>2006: <img src="//s.pixfs.net/common/images/privacy-friend-small.gif" border="0" alt="好友文章"> <a href="https://joy0626.pixnet.net/blog/post/10724315">深夜</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=829d4a1dc47288b04ff8460db0ab18d1" defer></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/2109447#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 g8d4e3b-miB-ad-sidebar-v2-g8d4e3b" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="g8d4e3b-miB-border-g8d4e3b dark"> <div class="g8d4e3b-siTemajidr-g8d4e3b" 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=829d4a1dc47288b04ff8460db0ab18d1" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=829d4a1dc47288b04ff8460db0ab18d1"> </div> </div> </div><!-- /.mib-border --> </div> </div> <style> .desktop_no_ad_sidebar_box { display: flex; justify-content: center; padding-bottom: 10px; } </style> <div class="hslice box g8d4e3b-miB-ad-sidebar-v2-g8d4e3b" data-plugin_type="mibsidebar2"> <div class="box-text entry-content"> <div class="g8d4e3b-miB-border-g8d4e3b dark"> <div class="g8d4e3b-siTemajidr-g8d4e3b" 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--mibsidebar2" 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=829d4a1dc47288b04ff8460db0ab18d1" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=829d4a1dc47288b04ff8460db0ab18d1"> </div> </div> </div><!-- /.mib-border --> </div> </div> <div id="empty-type-cus1097173"></div><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/joy0626/blog/post/2109447.png" alt="qrcode" loading="lazy"> </div> </div> </div> <!-- #qrcode //--> <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> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-310062','category-310062-switch');"><img id="category-310062-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ┌關於我‧的事情┐ (12)</h6> <ul id="category-310062" style="display: none;"> <li><a href="/blog/category/192330">日記＊DiAry (44)</a></li><li><a href="/blog/category/192331">感覺＊Feeling (624)</a></li><li><a href="/blog/category/292025">近況＊AboutMe (13)</a></li><li><a href="/blog/category/310043">宅記＊OTAKU (44)</a></li><li><a href="/blog/category/1202491">單車＊BikeDay (12)</a></li><li><a href="/blog/category/192342">紀錄＊Record (3)</a></li><li><a href="/blog/category/1369776">青春＊TwoGirls (10)</a></li><li><a href="/blog/category/732512">犬記＊dooooog (89)</a></li><li><a href="/blog/category/192341">歌誌＊Song Diary (16)</a></li><li><a href="/blog/category/1085199">減肥＊LoseWeight (5)</a></li><li><a href="/blog/category/192343">帳冊＊Account Book (105)</a></li><li><a href="/blog/category/192348">資料＊Liaison Information (6)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-1343094','category-1343094-switch');"><img id="category-1343094-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ├我們家‧大小事┤ (5)</h6> <ul id="category-1343094" style="display: none;"> <li><a href="/blog/category/1840615">育兒＊Child-rearing (7)</a></li><li><a href="/blog/category/1597817">懷孕＊Pregnancy (0)</a></li><li><a href="/blog/category/1597819">母乳＊Breast feeding (3)</a></li><li><a href="/blog/category/1468040">裝修＊Renovation (4)</a></li><li><a href="/blog/category/1469701">參考＊Reference (2)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-310064','category-310064-switch');"><img id="category-310064-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ├我曾經‧是學生┤ (5)</h6> <ul id="category-310064" style="display: none;"> <li><a href="/blog/category/192334">志工＊Volunteer (12)</a></li><li><a href="/blog/category/192346">系學＊Faculty Academy (23)</a></li><li><a href="/blog/category/192347">系籃＊Basketball Record (76)</a></li><li><a href="/blog/category/430958">課業＊School Work (148)</a></li><li><a href="/blog/category/677772">專題＊Disquisition (13)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-310067','category-310067-switch');"><img id="category-310067-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ├非常好‧出去玩┤ (4)</h6> <ul id="category-310067" style="display: none;"> <li><a href="/blog/category/192345">札記＊Travel Logbook (67)</a></li><li><a href="/blog/category/531772">聚會＊Party (16)</a></li><li><a href="/blog/category/987427">影像＊Photo (12)</a></li><li><a href="/blog/category/1372374">夜市＊Night Market (3)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-397821','category-397821-switch');"><img id="category-397821-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ├只屬於‧有興趣┤ (20)</h6> <ul id="category-397821" style="display: none;"> <li><a href="/blog/category/192332">戲劇＊Theater (71)</a></li><li><a href="/blog/category/192333">學習＊Learning (17)</a></li><li><a href="/blog/category/298245">追星＊Star (14)</a></li><li><a href="/blog/category/410273">語言＊Language (4)</a></li><li><a href="/blog/category/677563">遊戲＊Game (19)</a></li><li><a href="/blog/category/1308088">奧運＊Olympiad (6)</a></li><li><a href="/blog/category/192337">節目＊Broadcast (8)</a></li><li><a href="/blog/category/1369524">夜音＊Pub Music (40)</a></li><li><a href="/blog/category/310372">新聞＊IcareNews (11)</a></li><li><a href="/blog/category/192336">愛音＊Love Song (381)</a></li><li><a href="/blog/category/192340">故事＊Good Story (55)</a></li><li><a href="/blog/category/194941">實驗＊Experiment (10)</a></li><li><a href="/blog/category/411410">家事＊Housework (3)</a></li><li><a href="/blog/category/458951">魔術＊Black Magic (0)</a></li><li><a href="/blog/category/192344">好文＊Nice Writings (177)</a></li><li><a href="/blog/category/405617">心理＊Psychometrics (39)</a></li><li><a href="/blog/category/192338">算命＊Fortune-telling (80)</a></li><li><a href="/blog/category/192339">體壇＊Sporting World (20)</a></li><li><a href="/blog/category/353987">環保＊IcareEnvironment (2)</a></li><li><a href="/blog/category/192349">雜記＊Miscellaneous Notes (192)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-649335','category-649335-switch');"><img id="category-649335-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ├網路上‧分你看┤ (5)</h6> <ul id="category-649335" style="display: none;"> <li><a href="/blog/category/192335">食譜＊CookBook (10)</a></li><li><a href="/blog/category/423952">實用＊Practicality (42)</a></li><li><a href="/blog/category/430957">健康＊Health (15)</a></li><li><a href="/blog/category/430959">網路＊Internet (64)</a></li><li><a href="/blog/category/477051">笑話＊Joke (8)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-1334038','category-1334038-switch');"><img id="category-1334038-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> ├我的挨‧踢日記┤ (2)</h6> <ul id="category-1334038" style="display: none;"> <li><a href="/blog/category/1408484">筆記＊Notebook (18)</a></li><li><a href="/blog/category/1408485">挨踢＊What the fu*k (3)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-750990','category-750990-switch');"><img id="category-750990-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> └我們倆‧的對話┘ (6)</h6> <ul id="category-750990" style="display: none;"> <li><a href="/blog/category/750980">冠賢＊LKH (126)</a></li><li><a href="/blog/category/750981">佳音＊Joy (172)</a></li><li><a href="/blog/category/750982">愛的主打歌＊LoveSong (32)</a></li><li><a href="/blog/category/750983">其他＊ElseLoveThings (23)</a></li><li><a href="/blog/category/750984">全家之戀＊Our love (3)</a></li><li><a href="/blog/category/1326687">西斯＊Sex (6)</a></li></ul> </div> <ul> </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="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=20'); </script> </div> </div> <!-- #hot-article //--> <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="search"> <h4 class="box-title entry-title"> 東翻西找 </h4> <div class="box-text entry-content"> <form method="post" action="https://joy0626.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="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/202402">2024 二月 (1)</option> <option value="/blog/archives/202208">2022 八月 (2)</option> <option value="/blog/archives/202205">2022 五月 (2)</option> <option value="/blog/archives/202103">2021 三月 (1)</option> <option value="/blog/archives/202004">2020 四月 (1)</option> <option value="/blog/archives/201912">2019 十二月 (1)</option> <option value="/blog/archives/201911">2019 十一月 (1)</option> <option value="/blog/archives/201907">2019 七月 (1)</option> <option value="/blog/archives/201811">2018 十一月 (1)</option> <option value="/blog/archives/201810">2018 十月 (1)</option> <option value="/blog/archives/201805">2018 五月 (1)</option> <option value="/blog/archives/201710">2017 十月 (2)</option> <option value="/blog/archives/201707">2017 七月 (3)</option> <option value="/blog/archives/201612">2016 十二月 (3)</option> <option value="/blog/archives/201603">2016 三月 (1)</option> <option value="/blog/archives/201509">2015 九月 (1)</option> <option value="/blog/archives/201508">2015 八月 (2)</option> <option value="/blog/archives/201507">2015 七月 (3)</option> <option value="/blog/archives/201505">2015 五月 (2)</option> <option value="/blog/archives/201504">2015 四月 (2)</option> <option value="/blog/archives/201503">2015 三月 (3)</option> <option value="/blog/archives/201411">2014 十一月 (1)</option> <option value="/blog/archives/201410">2014 十月 (1)</option> <option value="/blog/archives/201403">2014 三月 (1)</option> <option value="/blog/archives/201401">2014 一月 (2)</option> <option value="/blog/archives/201312">2013 十二月 (1)</option> <option value="/blog/archives/201304">2013 四月 (1)</option> <option value="/blog/archives/201303">2013 三月 (2)</option> <option value="/blog/archives/201212">2012 十二月 (4)</option> <option value="/blog/archives/201209">2012 九月 (1)</option> <option value="/blog/archives/201208">2012 八月 (1)</option> <option value="/blog/archives/201206">2012 六月 (1)</option> <option value="/blog/archives/201202">2012 二月 (1)</option> <option value="/blog/archives/201201">2012 一月 (6)</option> <option value="/blog/archives/201111">2011 十一月 (1)</option> <option value="/blog/archives/201110">2011 十月 (1)</option> <option value="/blog/archives/201109">2011 九月 (3)</option> <option value="/blog/archives/201106">2011 六月 (5)</option> <option value="/blog/archives/201104">2011 四月 (8)</option> <option value="/blog/archives/201103">2011 三月 (1)</option> <option value="/blog/archives/201102">2011 二月 (6)</option> <option value="/blog/archives/201101">2011 一月 (4)</option> <option value="/blog/archives/201012">2010 十二月 (7)</option> <option value="/blog/archives/201011">2010 十一月 (8)</option> <option value="/blog/archives/201010">2010 十月 (4)</option> <option value="/blog/archives/201009">2010 九月 (8)</option> <option value="/blog/archives/201008">2010 八月 (12)</option> <option value="/blog/archives/201007">2010 七月 (7)</option> <option value="/blog/archives/201006">2010 六月 (9)</option> <option value="/blog/archives/201005">2010 五月 (7)</option> <option value="/blog/archives/201004">2010 四月 (9)</option> <option value="/blog/archives/201003">2010 三月 (10)</option> <option value="/blog/archives/201002">2010 二月 (19)</option> <option value="/blog/archives/201001">2010 一月 (19)</option> <option value="/blog/archives/200912">2009 十二月 (20)</option> <option value="/blog/archives/200911">2009 十一月 (22)</option> <option value="/blog/archives/200910">2009 十月 (20)</option> <option value="/blog/archives/200909">2009 九月 (14)</option> <option value="/blog/archives/200908">2009 八月 (11)</option> <option value="/blog/archives/200907">2009 七月 (30)</option> <option value="/blog/archives/200906">2009 六月 (35)</option> <option value="/blog/archives/200905">2009 五月 (58)</option> <option value="/blog/archives/200904">2009 四月 (69)</option> <option value="/blog/archives/200903">2009 三月 (40)</option> <option value="/blog/archives/200902">2009 二月 (30)</option> <option value="/blog/archives/200901">2009 一月 (13)</option> <option value="/blog/archives/200812">2008 十二月 (32)</option> <option value="/blog/archives/200811">2008 十一月 (32)</option> <option value="/blog/archives/200810">2008 十月 (32)</option> <option value="/blog/archives/200809">2008 九月 (72)</option> <option value="/blog/archives/200808">2008 八月 (58)</option> <option value="/blog/archives/200807">2008 七月 (44)</option> <option value="/blog/archives/200806">2008 六月 (34)</option> <option value="/blog/archives/200805">2008 五月 (15)</option> <option value="/blog/archives/200804">2008 四月 (34)</option> <option value="/blog/archives/200803">2008 三月 (72)</option> <option value="/blog/archives/200802">2008 二月 (24)</option> <option value="/blog/archives/200801">2008 一月 (22)</option> <option value="/blog/archives/200712">2007 十二月 (53)</option> <option value="/blog/archives/200711">2007 十一月 (60)</option> <option value="/blog/archives/200710">2007 十月 (51)</option> <option value="/blog/archives/200709">2007 九月 (18)</option> <option value="/blog/archives/200708">2007 八月 (36)</option> <option value="/blog/archives/200707">2007 七月 (5)</option> <option value="/blog/archives/200706">2007 六月 (44)</option> <option value="/blog/archives/200705">2007 五月 (59)</option> <option value="/blog/archives/200704">2007 四月 (41)</option> <option value="/blog/archives/200703">2007 三月 (195)</option> <option value="/blog/archives/200702">2007 二月 (75)</option> <option value="/blog/archives/200701">2007 一月 (182)</option> <option value="/blog/archives/200612">2006 十二月 (108)</option> <option value="/blog/archives/200611">2006 十一月 (95)</option> <option value="/blog/archives/200610">2006 十月 (76)</option> <option value="/blog/archives/200609">2006 九月 (46)</option> <option value="/blog/archives/200608">2006 八月 (51)</option> <option value="/blog/archives/200607">2006 七月 (14)</option> <option value="/blog/archives/200606">2006 六月 (19)</option> <option value="/blog/archives/200605">2006 五月 (27)</option> <option value="/blog/archives/200604">2006 四月 (71)</option> <option value="/blog/archives/200603">2006 三月 (100)</option> <option value="/blog/archives/200602">2006 二月 (65)</option> <option value="/blog/archives/200601">2006 一月 (38)</option> <option value="/blog/archives/200512">2005 十二月 (80)</option> <option value="/blog/archives/200511">2005 十一月 (49)</option> <option value="/blog/archives/200510">2005 十月 (58)</option> <option value="/blog/archives/200509">2005 九月 (43)</option> <option value="/blog/archives/200508">2005 八月 (58)</option> <option value="/blog/archives/200507">2005 七月 (58)</option> <option value="/blog/archives/200506">2005 六月 (99)</option> <option value="/blog/archives/200505">2005 五月 (15)</option> </select> <div class="box-more"> <a href="/blog/listall/1">所有文章列表</a> </div> </div> </div> <!-- #archive //--> <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=1714042569&random=57745896&data[%23BlogArticleCount-2109447]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22215953%22%2C%222109447%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23blog_hit_daily]=%7B%22counter%22%3A%5B%22blog%22%2C%22215953%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%22215953%22%2C1%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&check=1257962028'); //--></script> </div> </div> <!-- #counter //--> <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 google-adsense" id="googleadsense2"> <h4 class="box-title entry-title"> C 組廣告版面 </h4> <div class="box-text entry-content"> <script type="text/javascript"><!-- google_ad_client="pub-8277813881204630"; google_ad_host="pub-2647689032095179"; google_alternate_color="FFFFFF"; google_ad_width=200; google_ad_height=200; google_ad_format="200x200_as"; google_ad_type="text_image"; google_color_border="FFFFFF"; google_color_bg="FFFFFF"; google_color_link="0000FF"; google_color_url="008000"; google_color_text="000000"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <!-- #googleadsense2 //--> </div> <!-- #links-row-1 //--> <div id="links-row-2"> <div id="empty-type-cus163198"></div><div id="empty-type-cus1108411"></div><div class="hslice box" id="albumshow"> <h4 class="box-title entry-title"> I Love the Album </h4> <div class="box-text entry-content"> <div align="center"> <iframe src='/blog/plugin/albumshow' allowtransparency="true" width='170' height='180' scrolling='no' frameborder='0'>
B 組廣告版面
關閉視窗