【解答】認識網站無障礙規範

rodiyer.idv.tw 拉里拉雜
關於常見的 ARIA role,以下哪一項說明是正確的?
role="status" 會立即中斷螢幕閱讀器目前正在讀取的內容。
role="alert",會完整讀出整段訊息。
role="log" 最適合用於需要立即告知使用者的表單驗證錯誤。
購物車更新等重要性較低的提示,應優先使用 role="alert"。
www.rodiyer.com
以下哪一項不屬於有意義圖片?
器械操作示範圖
活動海報
垃圾桶icon圖
商品照片
www.rodiyer.com
為了讓網頁操作符合使用者的預期,以下哪種設計違反了規範?
選取下拉選單自動重整
另開視窗前有加註提示
按下確認鍵後才換頁
游標移到按鈕會變色
www.rodiyer.com
在無障礙網站設計中,該如何分區塊?
</td> </tr> <tr> <td width="20"></td> <td width="600"><aria-role></td> </tr> <tr> <td width="20"></td> <td width="600">以上皆是</td> </tr> <tr> <td width="20"></td> <td width="600"></td> <tr style="color:White"><td></td><td>www.rodiyer.com</td></tr> </tr> <tr> <td width="20">問</td> <td width="600">以下哪一項「不是」關於鍵盤焦點移動的檢核點?</td> </tr> <tr> <td width="20"></td> <td width="600">互動元素能不能被聚焦</td> </tr> <tr> <td width="20"></td> <td width="600">焦點能不能移動到所有區域</td> </tr> <tr> <td width="20"></td> <td width="600">焦點是否被困住</td> </tr> <tr> <td width="20">✓</td> <td width="600">滑鼠是否可操作所有互動元素</td> </tr> </tbody></table> </div> <span style='color:White'>rodiyer.idv.tw 拉里拉雜</span> </div> </article> <div style='clear:both'></div> <div class='post-footer'> <ins class='adsbygoogle' data-ad-client='ca-pub-6117275215772599' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='2077572342' style='display:block; text-align:center;width:100%;'></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script type='text/javascript'> document.write("<iframe frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox' scrolling='no' src='https://button.like.co/in/embed/fj91714/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"' style='height: 212px; width: 100%;'></iframe>"); </script> <div class='share-box'> <h8 class='share-title'>Share This:</h8> <div class='share-art'> <a class='fac-art' href='http://www.facebook.com/sharer.php?u=https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0&title=【解答】認識網站無障礙規範' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'></i><span class='resp_del'> Facebook</span></a> <a class='twi-art' href='http://twitter.com/share?url=https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0&title=【解答】認識網站無障礙規範' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i><span class='resp_del2'> Twitter</span></a> <a class='pin-art' href='http://pinterest.com/pin/create/button/?url=https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0&media=&description= 問 關於常見的 ARIA role,以下哪一項說明是正確的? role="status" 會立即中斷螢幕閱讀器目前正在讀取的內容。 &#10003 role="alert",會完整讀出整段訊息。 rol...' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'></i><span class='resp_del4'> Pinterest</span></a> <a class='lin-art' href='http://www.linkedin.com/shareArticle?url=https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0&title=【解答】認識網站無障礙規範' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'></i><span class='resp_del5'> Linkedin</span></a> <whatsapp href='https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0' src='' text='【解答】認識網站無障礙規範'></whatsapp> <a class='wat-art whatsapp-desktop' href='https://web.whatsapp.com/send?text=【解答】認識網站無障礙規範 | https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'></i><span class='resp_del5'> Whatsapp</span></a> <a class='wat-art' href='https://api.whatsapp.com/send?text=【解答】認識網站無障礙規範 | https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m=0' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'></i><span class='resp_del5'> Whatsapp</span></a></div> </div> <div style='clear:both'></div> <div class='ads-post'> <a name='ads-post-in'></a> </div> <div id='related-posts' style='display:none;'> e等公務園 </div> <div class='clear'></div> <ul class='post-nav' style='display:none;'> <li class='next'> <a class='newer-link' href='https://www.rodiyer.idv.tw/2026/04/icerd.html?m=0' id='Blog1_blog-pager-newer-link' rel='next'></a> </li> <li class='previous'> <a class='older-link' href='https://www.rodiyer.idv.tw/2026/04/114.html?m=0' id='Blog1_blog-pager-older-link' rel='previous'></a> </li> </ul> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>沒有留言:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <p> </p> <a href='https://www.blogger.com/comment/frame/8689398613052854381?po=8575117784914643699&hl=zh-HK&saa=85391&origin=https://www.rodiyer.idv.tw' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <!--Can't find substitution for tag [post.friendConnectJs]--> <script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='post-feeds'> <div class='feed-links'> 訂閱: <a class='feed-link' href='https://www.rodiyer.idv.tw/feeds/8575117784914643699/comments/default' target='_blank' type='application/atom+xml'> 發佈留言 ( Atom ) </a> </div> </div> </div></div> <div id='ads-post10'> <div class='no-items section' id='ads-post-468' name='ADS Inner Footer 728x90'> </div> </div> </div><!--main-wrapper結束--> <!--側欄--> <div class='sidebar-wrapper'> <div class='sidebar section' id='sidebar' name='Sidebar Right'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title'>Search</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='https://www.rodiyer.idv.tw/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/> </td> <td class='gsc-search-button'> <input class='gsc-search-button' title='search' type='submit' value='搜尋'/> </td> </tr> </tbody> </table> </form> </div> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <!--a href='https://tlcafftrax.com/track/clicks/3416/ce2bc2bb9e0725dfefcda67f8835ce13286a48cd71e9f0ab416db1016602?subid_1=&subid_2=&subid_3=&subid_4=&subid_5='><img src='https://tlcafftrax.com/track/imp/img/57650/ce2bc2bb9e0725dfefcda67f8835ce13286a48cd71e9f0ab416db1016602?subid_1=&subid_2=&subid_3=&subid_4=&subid_5=' border='0' style='margin-top:-10px; margin-bottom:-15px;' /></a><a href='https://afftck.com/track/clicks/3416/c627c2bf910120d9f88eec35dc2e9753743940cc70e9e2f0113ff40864005ee8?t=https%3A%2F%2Ftw.buy.yahoo.com%2Factivity%2Factivity950%3Fp%3Dall2-00-171020-1111bigsaleshopping'><img src='https://blogger.googleusercontent.com/img/a/AVvXsEiu8Tf8fByK2DzhlAjti2rY93k8pUMfqlEIBo4Olb-70LpbWHORapDS0H33eHgTqIS-If8_rG0OPVeHdJSEP4u7ohLoOWNrwUs8wZ1BgcMPPIEr994Agh4kI-n2CW6HGiXAC4FSB6llqVVz3Py30oNUdpq-yvwTJWC628VIsqqOxG2y5yWvabu3-Zx0zQ=s1242' border='0' width='300' /></a--> <!-- rodiyer-側欄--> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-6117275215772599" data-ad-slot="5376537578"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML5'> <div class='widget-content'> <!-- rodiyer-直幅 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:800px" data-ad-client="ca-pub-6117275215772599" data-ad-slot="1747395702"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class='clear'></div> </div></div> </div> <div class='clear'></div> </div> <!-- end content-wrapper --> <div class='clear'></div><!-- Footer wrapper --> <div id='footer-wrapper'> <div id='footer'> <div class='footer-sections row'> <div class='sect-left section' id='footer-sec1' name='Widget 1'><div class='widget FeaturedPost' data-version='1' id='FeaturedPost1'> <h2 class='title'>Recent Post</h2> <div class='post-summary'> <h3><a href='https://www.rodiyer.idv.tw/2026/04/allysalort-finish-line-lyrics.html?m=0'>【歌詞翻譯】Ally Salort - Finish Line 中文/原文歌詞Lyrics</a></h3> <p> [Verse 1] Raise a toast, tryna smile but I'm fightin' it 舉杯慶祝,試著微笑卻在強忍情緒 Won the gold and it feels like I'm post-Olympic 拿... </p> <img class='image' src='https://i.ytimg.com/vi/4wCjJ7EB4Po/hqdefault.jpg'/> </div> <style type='text/css'> .image { width: 100%; } </style> <div class='clear'></div> </div></div> <div class='sect-left section' id='footer-sec2' name='Widget 2'><div class='widget PopularPosts' data-version='1' id='PopularPosts2'> <h2>Popular Posts</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-content'> <div class='item-title'><a href='https://www.rodiyer.idv.tw/2026/01/blog-post.html?m=0'>【燕雲十六聲】射覆題庫分享 - 持續更新中</a></div> <div class='item-snippet'>一個射覆題目可能有多個答案 建議使用CTRL+F搜尋關鍵字 內容僅供參考,如果發現錯誤請留言告知 七夕→鵲橋 七劍→左冷禪 七縱→孟獲 九陰→梅超風 九黎→蚩尤 人猿→猩猩 入川→徐庶 八卦→伏羲 八門→張遼 刀刃→剪刀 力大→熊 匕首→短劍 十三→孫子 丈八→張飛 三互→賈詡 ...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://www.rodiyer.idv.tw/2026/02/aiai.html?m=0'>【解答】好好用 AI:了解「AI 風險」的公務生存指南</a></div> <div class='item-snippet'> 問 人工智慧(AI)在現代社會中最主要的影響是什麼? 導致所有人類職業消失 &#10003 提升工作效率和生活便利性 導致全球經濟停滯 完全取代人類的情感與判斷 www.rodiyer.com 問 當我們使用 AI ...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://www.rodiyer.idv.tw/2026/03/115.html?m=0'>【解答】115年資訊安全教育訓練</a></div> <div class='item-snippet'> 問 下列有關於防範惡意程式入侵的保護措施,何者「不正確」? 定期更新作業系統 &#10003 下載安裝來源不明但免費提供的App 避免開啟來路不明的電子郵件 安裝防毒軟體並定期更新病毒碼 www.rodiyer.com ...</div> </div> <div style='clear: both;'></div> </li> </ul> <div class='clear'></div> </div> </div></div> <div class='sect-left section' id='footer-sec3' name='Widget 3'><div class='widget Label' data-version='1' id='Label2'> <h2>Tags</h2> <div class='widget-content cloud-label-widget-content'> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Adele?m=0'>Adele</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Ariana%20Grande?m=0'>Ariana Grande</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/BTS?m=0'>BTS</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Dua%20Lipa?m=0'>Dua Lipa</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Ed%20Sheeran?m=0'>Ed Sheeran</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Excel?m=0'>Excel</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Lauv?m=0'>Lauv</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Little%20Mix?m=0'>Little Mix</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Pinyin?m=0'>Pinyin</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Sam%20Smith?m=0'>Sam Smith</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/TWICE?m=0'>TWICE</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Taylor%20Swift?m=0'>Taylor Swift</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Translate?m=0'>Translate</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/VBA?m=0'>VBA</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/Why%20Don%27t%20We?m=0'>Why Don't We</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%86%B7%E7%9F%A5%E8%AD%98?m=0'>冷知識</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%8B%95%E7%89%A9%E6%A3%AE%E5%8F%8B%E6%9C%83?m=0'>動物森友會</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%8F%B0%E8%AA%9E?m=0'>台語</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%90%8D%E8%A9%9E%E8%A7%A3%E9%87%8B?m=0'>名詞解釋</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%AE%89%E5%85%A8%E6%80%A7%E8%A8%AD%E5%AE%9A?m=0'>安全性設定</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%B0%88%E8%BC%AF%E4%BB%8B%E7%B4%B9?m=0'>專輯介紹</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%B0%88%E8%BC%AF%E6%8E%A8%E8%96%A6?m=0'>專輯推薦</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%B0%88%E8%BC%AF%E7%BF%BB%E8%AD%AF?m=0'>專輯翻譯</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E5%BE%B7%E6%96%87?m=0'>德文</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E6%94%BB%E7%95%A5?m=0'>攻略</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E6%97%A5%E6%96%87?m=0'>日文</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E6%97%A5%E8%AA%9E?m=0'>日語</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E6%AD%8C%E8%A9%9E?m=0'>歌詞</a> </span> <span class='label-size label-size-5'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E6%AD%8C%E8%A9%9E%E7%BF%BB%E8%AD%AF?m=0'>歌詞翻譯</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E7%B1%B3%E6%B4%A5%E7%8E%84%E5%B8%AB?m=0'>米津玄師</a> </span> <span class='label-size label-size-4'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E8%8B%B1%E6%96%87?m=0'>英文</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E8%8F%AF%E8%AA%9E?m=0'>華語</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E9%99%A4%E9%8C%AF?m=0'>除錯</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E9%9F%93%E6%96%87?m=0'>韓文</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E9%A2%A8%E4%B9%8B%E5%9C%8B%E5%BA%A6?m=0'>風之國度</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://www.rodiyer.idv.tw/search/label/%E9%A2%A8%E8%89%B2%E7%AB%A5%E8%A9%B1?m=0'>風色童話</a> </span> <div class='clear'></div> </div> </div></div> </div> </div> <div class='clear'></div> <div class='footer-wrapper'> <div class='footer-sec row'> <!-- Footer Social --> <div class='social-footer no-items section' id='social-footer' name='Social Footer'></div> <!-- Footer Copyright --> <div class='copyright'> Copyright © <a href='https://www.rodiyer.idv.tw'>rodiyer.idv.tw</a> All Rights Reserved. </div> </div> </div> </div> <!-- unwanted widgets --> <div style='display: none'> <div class='unwanted section' id='unwanted'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> 由 <a href='https://www.blogger.com' target='_blank'>Blogger</a> 提供. </div> <div class='clear'></div> </div></div> </div> </div> <script type='text/javascript'> //<![CDATA[ // JQuery hover event with timeout by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about (function(c){c.fn.hoverTimeout=function(d,e,f,g){return this.each(function(){var a=null,b=c(this);b.hover(function(){clearTimeout(a);a=setTimeout(function(){e.call(b)},d)},function(){clearTimeout(a);a=setTimeout(function(){g.call(b)},f)})})}})(jQuery); // jquery replacetext plugin https://github.com/cowboy/jquery-replacetext (function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery); // Plugin: SelectNav.js ~ url: https://github.com/lukaszfiszer/selectnav.js window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"-",u=n.label||"Menu",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}(); // Tabslet jQuery plugin - http://vdw.staytuned.gr (function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,pauseonhover:true,delay:2000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);return this.each(function(){var $this=$(this);options.mouseevent=$this.data("mouseevent")||options.mouseevent;options.attribute=$this.data("attribute")||options.attribute;options.animation=$this.data("animation")||options.animation;options.autorotate=$this.data("autorotate")||options.autorotate;options.pauseonhover=$this.data("pauseonhover")||options.pauseonhover;options.delay=$this.data("delay")||options.delay;options.active=$this.data("active")||options.active;$this.find("> div").hide();$this.find("> div").eq(options.active-1).show();$this.find("> ul li").eq(options.active-1).addClass("active");var fn=eval(function(){$(this).trigger("_before");$this.find("> ul li").removeClass("active");$(this).addClass("active");$this.find("> div").hide();var currentTab=$(this).find("a").attr(options.attribute);if(options.animation){$this.find(currentTab).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")})}else{$this.find(currentTab).show();$(this).trigger("_after")}return false});var init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)");init;var elements=$this.find("> ul li"),i=options.active-1;function forward(){i=++i%elements.length;options.mouseevent=="hover"?elements.eq(i).trigger("mouseover"):elements.eq(i).click();var t=setTimeout(forward,options.delay);$this.mouseover(function(){if(options.pauseonhover){clearTimeout(t)}})}if(options.autorotate){setTimeout(forward,0);if(options.pauseonhover){$this.on("mouseleave",function(){setTimeout(forward,1000)})}}function move(direction){if(direction=="forward"){i=++i%elements.length}if(direction=="backward"){i=--i%elements.length}elements.eq(i).click()}$this.find(options.controls.next).click(function(){move("forward")});$this.find(options.controls.prev).click(function(){move("backward")});$this.on("destroy",function(){$(this).removeData()})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery); // Simple Tab JQuery Plugin by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about (function(a){a.fn.simplyTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simplyTab").prepend('<ul class="wrap-tab"></ul>');c.addClass("content-tab").each(function(){a(this).hide();e.find(".wrap-tab").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".wrap-tab a").on("click",function(){var f=a(this).parent().index();a(this).closest(".wrap-tab").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery); //]]> </script> </div> <script type='text/javascript'> var numshowpage=3; var upPageWord ='<i class="fa fa-angle-left"></i> Prev'; var downPageWord ='Next <i class="fa fa-angle-right"></i>'; var urlactivepage=location.href; var home_page="/"; </script> <div class='back-to-top'> <a href='#' id='back-to-top' title='back to top'> <i class='fa fa-arrow-up'></i> </a> </div> <!--文中廣告js--> <!--b:if cond='data:blog.pageType == "item"'> <script> $AdCode = $("#AdCode").html(); $("#PostBody br:eq(-50)").replaceWith($AdCode); </script> </b:if--> <!--文中廣告js結束--> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/344097953-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'APlU3lz01Fkv_PWT9cD1ZIznWfUR:1776514781644';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8689398613052854381','//www.rodiyer.idv.tw/2026/04/blog-post_9.html?m\x3d0','8689398613052854381'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8689398613052854381', 'title': '\u62c9\u91cc\u62c9\u96dc', 'url': 'https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m\x3d0', 'canonicalUrl': 'https://www.rodiyer.idv.tw/2026/04/blog-post_9.html', 'homepageUrl': 'https://www.rodiyer.idv.tw/?m\x3d0', 'searchUrl': 'https://www.rodiyer.idv.tw/search', 'canonicalHomepageUrl': 'https://www.rodiyer.idv.tw/', 'blogspotFaviconUrl': 'https://www.rodiyer.idv.tw/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'zh-HK', 'localeUnderscoreDelimited': 'zh_hk', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u62c9\u91cc\u62c9\u96dc - Atom\x22 href\x3d\x22https://www.rodiyer.idv.tw/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22\u62c9\u91cc\u62c9\u96dc - RSS\x22 href\x3d\x22https://www.rodiyer.idv.tw/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u62c9\u91cc\u62c9\u96dc - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8689398613052854381/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u62c9\u91cc\u62c9\u96dc - Atom\x22 href\x3d\x22https://www.rodiyer.idv.tw/feeds/8575117784914643699/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-6117275215772599', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/541fe93e01a44244', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\u53d6\u5f97\u9023\u7d50', 'key': 'link', 'shareMessage': '\u53d6\u5f97\u9023\u7d50', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': '\u5206\u4eab\u5230 Facebook', 'target': 'facebook'}, {'name': 'BlogThis\uff01', 'key': 'blogThis', 'shareMessage': 'BlogThis\uff01', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': '\u5206\u4eab\u5230 X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': '\u5206\u4eab\u5230 Pinterest', 'target': 'pinterest'}, {'name': '\u96fb\u5b50\u90f5\u4ef6', 'key': 'email', 'shareMessage': '\u96fb\u5b50\u90f5\u4ef6', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27zh_HK\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u95b1\u8b80\u66f4\u591a', 'pageType': 'item', 'postId': '8575117784914643699', 'pageName': '\u3010\u89e3\u7b54\u3011\u8a8d\u8b58\u7db2\u7ad9\u7121\u969c\u7919\u898f\u7bc4', 'pageTitle': '\u62c9\u91cc\u62c9\u96dc: \u3010\u89e3\u7b54\u3011\u8a8d\u8b58\u7db2\u7ad9\u7121\u969c\u7919\u898f\u7bc4', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\u7de8\u8f2f', 'linkCopiedToClipboard': '\u9023\u7d50\u5df2\u8907\u88fd\u5230\u526a\u8cbc\u7c3f\uff01', 'ok': '\u78ba\u5b9a', 'postLink': '\u6587\u7ae0\u9023\u7d50'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\u81ea\u8a02', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '\u3010\u89e3\u7b54\u3011\u8a8d\u8b58\u7db2\u7ad9\u7121\u969c\u7919\u898f\u7bc4', 'description': '\u9019\u88e1\u5206\u4eab\u597d\u807d\u7684\u97f3\u6a02\u3001\u5be6\u7528\u7684\u77e5\u8b58\u3001DIY\u6280\u8853\u3001\u6709\u8da3\u7684\u6587\u7ae0\u8207\u904a\u6232\u8a55\u6e2c\u5206\u6790\uff0c\u53e6\u5916\u4e0d\u5b9a\u671f\u5206\u4eab\u7a0b\u5f0f\u8a2d\u8a08\u7b49\u6280\u8853\u6587\u7ae0\u3002', 'url': 'https://www.rodiyer.idv.tw/2026/04/blog-post_9.html?m\x3d0', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8575117784914643699}}]); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList210', 'menu1', document.getElementById('LinkList210'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList50', 'social-top', document.getElementById('LinkList50'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo_blog', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList110', 'menu', document.getElementById('LinkList110'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2694552323-lbx__zh_hk.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'footer-sec1', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'footer-sec2', document.getElementById('PopularPosts2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'footer-sec3', document.getElementById('Label2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'unwanted', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>