科技大觀園

<!DOCTYPE html> <html lang="zh-Hant-TW" class="no-js"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="format-detection" content="telephone=no" /> <meta content="email=no" name="format-detection" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>科技大觀園</title> <link rel="icon" href="/images/favicon.ico"> <link rel="stylesheet" href="/css/reset.min.css"> <link rel="stylesheet" href="/css/font-awesome.min.css">  <link rel="stylesheet" href="/css/bootstrap.min.css">  <link rel="stylesheet" href="/css/common.min.css">  <link rel="stylesheet" href="/css/index.min.css">  <link rel="stylesheet" href="/css/kf-components.min.css"> <script src="/Scripts/lib/modernizr-custom.min.js"></script> <script src="/Scripts/lib/jquery_kf.js"></script> </head> <body> <a class="skip-main" href="#tabC" title="跳到主要內容">跳到主要內容</a> <header class="header-row bg-white"> <div class="container d-flex"> <h1 class="header-logo text-center"> <a title="回首頁" href="/"> <img alt="科技大觀園商標" src="/images/header-logo.svg"> </a> </h1> <div class="topNav-row align-items-center"> <a id="tabU" href="javascript:void(0)" title="上方導覽連結區" accesskey="U">:::</a> <div class="d-flex align-items-center"> <div class="topNav-item"> <a href="/Member/loginPage"> <span>登入</span> </a> </div> <div class="topNav-item"> <a href="/Member/registerPage"> <span>註冊</span> </a> </div> <div class="topNav-item topNav-item-fas"> <a href="/SiteMap"> <i class="fas fa-sitemap" aria-hidden="true"></i> <span class="sr-only">網站導覽</span> </a> </div> </div> </div> </div> </header>  <div id="divHotKeySearchForm" class="header-search"> <div class="search-content"> <a class="search-parent" href="javascript:void(0)" title="展開搜尋" role="button"> <i class="fas fa-search"></i> <span class="sr-only">展開搜尋</span> </a> <div class="search-inner"> <div class="container"> <label for="tbTopSearch" class="sr-only">全站搜尋</label> <div class="search-form d-flex"> <input class="search-txt" name="q" type="text" title="搜尋字詞" placeholder="全站搜尋" id="tbTopSearch" /> <input id="HotKeySearchButton" class="search-btn" type="submit" value="搜尋" onclick="hotKeySearch()" /> </div> <div class="search-keywords"> <i class="search-keywords-tit">熱門關鍵字：</i> <ul class="search-keywords-cotent"> <li> <a class="badge badge-primary" href="/ArticleSearch/C000003?q=%E5%8D%8A%E5%B0%8E%E9%AB%94">半導體</a> </li> <li> <a class="badge badge-primary" href="/ArticleSearch/C000003?q=%E7%B2%BE%E6%BA%96%E9%86%AB%E7%99%82">精準醫療</a> </li> <li> <a class="badge badge-primary" href="/ArticleSearch/C000003?q=%E5%A4%AA%E7%A9%BA">太空</a> </li> <li> <a class="badge badge-primary" href="/ArticleSearch/C000003?q=%E7%85%99%E7%81%AB">煙火</a> </li> </ul> </div> <a class="search-close" href="javascript:void(0)" title="關閉搜尋功能" role="button"> <i class="fas fa-times" aria-hidden="true"></i> <span class="sr-only">關閉搜尋</span> </a> </div> </div> </div> <noscript> 您的瀏覽器不支援此script語法，請點選 <a id="aSearchLink" title="前往搜尋頁面_開啓新視窗" target="_blank" href=/Search>搜尋</a>使用搜尋功能。 </noscript> </div>   <div class="category-bar"> <div class="container"> <button class="category-open"> <i class="fas fa-tags" aria-hidden="true"></i> <span>分類</span> </button> </div> </div> <div class="category-side"> <div class="category-body"> <div class="category-head"> <span class="h5 font-weight-bold mb-0">分類項目</span> <button class="category-close"> <i class="fas fa-times" aria-hidden="true"></i> <span class="sr-only">關閉分類項目</span> </button> </div> <div class="category-content"> <ul class="category-list"> <li><a href="/Article/C000003/category/26625546-bd6e-46fd-9597-348be24de3d7">地理</a></li> <li><a href="/Article/C000003/category/f042dedb-358c-4a2a-866d-a3eec8f05402">天文</a></li> <li><a href="/Article/C000003/category/cdd8b1ef-7181-4976-84d3-5e7ece8c3419">化學</a></li> <li><a href="/Article/C000003/category/f5c61778-2354-4fcc-9ace-1755740b5ab7">醫學</a></li> <li><a href="/Article/C000003/category/7f8cf0a6-347a-4833-8962-34a0977d881b">科技</a></li> <li><a href="/Article/C000003/category/bc8d580c-d3ca-42ef-a4a5-895aaffa9af9">社會科學</a></li> <li><a href="/Article/C000003/category/dc3e2659-6939-4f7c-9553-9693a778ad03">人類文明</a></li> <li><a href="/Article/C000003/category/a43479a4-3c72-4733-90ad-576154c62a79">地科</a></li> <li><a href="/Article/C000003/category/b79bba0f-f96a-49a3-bfc3-72238a6ea80c">心理</a></li> <li><a href="/Article/C000003/category/c0cf80d7-69ae-4bd0-80e0-e52c7b51636a">物理</a></li> <li><a href="/Article/C000003/category/7ee15aa7-599e-450b-a6cf-3646ad7296a5">數學</a></li> <li><a href="/Article/C000003/category/aa32dfdf-83f7-4a8a-bc5d-74e2c8e46b9e">環境</a></li> <li><a href="/Article/C000003/category/3d771835-7ef7-4a3b-a70a-f01aa139f350">生物</a></li> <li><a href="/Article/C000003/category/fb7ac1ff-07d3-4bc1-86fd-23d18a519512">生活科學</a></li> <li><a href="/Article/C000003/category/2f88a710-6429-40c6-a8b4-d00626b4d584">醫療</a></li> <li><a href="/Article/C000003/category/ee5a9615-0f7c-3f62-6171-ded5fd11ec7b">地球科學</a></li> </ul> </div> </div> </div>  <div class="megamenu">  <div id="mobile-nav-wrap"> <a class="mobile-nav-link" href="#" title="選單按鈕">Menu</a> <nav id="mobile-nav" class="mobile-nav"> <ul> <li class="has-submenu"> <a href="/StaticPage/aboutus">關於我們</a> </li> <li class="has-submenu"> <a href="/Folder/Article">文章</a> <ul class="sub-menu"> <li class="has-submenu"> <a href="/Article/C000003/hot">熱門文章</a> </li> <li class="has-submenu"> <a href="/Article/C000003/new">最新文章</a> </li> <li class="has-submenu"> <a href="/Article/C000003/featured">精選文章</a> </li> <li class="has-submenu"> <a href="/Theme/C000004/featured/54F1EB6A-D1FC-4B30-9CDA-7816013BF208">科學專題</a> </li> <li class="has-submenu"> <a href="https://scitechvista.nat.gov.tw/ArticletTagSearch/C000003?TagId=80b2c163-a4ba-4ab4-bf39-d31e54ff7cfd">科發月刊</a> </li> </ul> </li> <li class="has-submenu"> <a href="/Folder/video">影音</a> <ul class="sub-menu"> <li class="has-submenu"> <a href="/Article/C000009/new">TechTalk</a> </li> <li class="has-submenu"> <a href="/Article/C000008/new">科普影片</a> </li> </ul> </li> <li class="has-submenu"> <a href="/ActivityInfo/C000002">活動</a> </li> <li class="has-submenu"> <a href="https://scitechvista.nat.gov.tw/Student" target="_blank" title="學生專區(另開新視窗)">學生專區</a> </li> <li class="has-submenu"> <a href="/WebLink/C000007">夥伴</a> </li> <li class="has-submenu"> <a href="/Folder/Certification">認證</a> <ul class="sub-menu"> <li class="has-submenu"> <a href="https://scitechvista.elearn.hrd.gov.tw/mooc/index.php" target="_blank" title="公務人員(另開新視窗)">公務人員</a> </li> </ul> </li> </ul> </nav> </div>  <div id="main-nav-wrap"> <div class="container"> <div class="nav-content"> <ul id="primary-nav" data-function="nav_control"> <li class="nav-item nav-column"> <span class="nav-tab" role="menubar"> <a href="/StaticPage/aboutus" title="關於我們">關於我們</a> </span> </li> <li class="nav-item nav-column"> <span class="nav-tab" data-toggle=dropdown aria-haspopup=true aria-expanded=false role="menubar"> <a href="/Folder/Article" title="文章">文章</a> </span> <div class="dropdowns dropdown-menu"> <div class="container"> <div class="secondary-title"> <div class="h3">文章</div> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="文章" /> </figure> </div> </div> <div class="secondary-nav"> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="文章" /> </figure> </div> <div class="sec-tit h5"><a href="/Article/C000003/hot"title="熱門文章">熱門文章</a></div> <ul class="third-item"> </ul> </div> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="文章" /> </figure> </div> <div class="sec-tit h5"><a href="/Article/C000003/new"title="最新文章">最新文章</a></div> <ul class="third-item"> </ul> </div> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="文章" /> </figure> </div> <div class="sec-tit h5"><a href="/Article/C000003/featured"title="精選文章">精選文章</a></div> <ul class="third-item"> </ul> </div> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="文章" /> </figure> </div> <div class="sec-tit h5"><a href="/Theme/C000004/featured/54F1EB6A-D1FC-4B30-9CDA-7816013BF208"title="科學專題">科學專題</a></div> <ul class="third-item"> </ul> </div> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="文章" /> </figure> </div> <div class="sec-tit h5"><a href="https://scitechvista.nat.gov.tw/ArticletTagSearch/C000003?TagId=80b2c163-a4ba-4ab4-bf39-d31e54ff7cfd"title="科發月刊">科發月刊</a></div> <ul class="third-item"> </ul> </div> </div> </div> </div> </li> <li class="nav-item nav-column"> <span class="nav-tab" data-toggle=dropdown aria-haspopup=true aria-expanded=false role="menubar"> <a href="/Folder/video" title="影音">影音</a> </span> <div class="dropdowns dropdown-menu"> <div class="container"> <div class="secondary-title"> <div class="h3">影音</div> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="影音" /> </figure> </div> </div> <div class="secondary-nav"> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="影音" /> </figure> </div> <div class="sec-tit h5"><a href="/Article/C000009/new"title="TechTalk">TechTalk</a></div> <ul class="third-item"> </ul> </div> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="影音" /> </figure> </div> <div class="sec-tit h5"><a href="/Article/C000008/new"title="科普影片">科普影片</a></div> <ul class="third-item"> </ul> </div> </div> </div> </div> </li> <li class="nav-item nav-column"> <span class="nav-tab" role="menubar"> <a href="/ActivityInfo/C000002" title="活動">活動</a> </span> </li> <li class="nav-item nav-column"> <span class="nav-tab" role="menubar"> <a href="https://scitechvista.nat.gov.tw/Student" title="學生專區(另開新視窗)" target="_blank">學生專區</a> </span> </li> <li class="nav-item nav-column"> <span class="nav-tab" role="menubar"> <a href="/WebLink/C000007" title="夥伴">夥伴</a> </span> </li> <li class="nav-item nav-column"> <span class="nav-tab" data-toggle=dropdown aria-haspopup=true aria-expanded=false role="menubar"> <a href="/Folder/Certification" title="認證">認證</a> </span> <div class="dropdowns dropdown-menu"> <div class="container"> <div class="secondary-title"> <div class="h3">認證</div> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="認證" /> </figure> </div> </div> <div class="secondary-nav"> <div class="sec-item"> <div class="kf-img obj-img-cover"> <figure class="embed-responsive embed-responsive-4by3 "> <img src="/images/default-x.jpg" alt="認證" /> </figure> </div> <div class="sec-tit h5"> <a href="https://scitechvista.elearn.hrd.gov.tw/mooc/index.php" target="_blank" title="公務人員(另開新視窗)">公務人員</a> </div> <ul class="third-item"> </ul> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div>  <div class="firstView bg-gray-100"> <div class="container-lg py-5 px-3"> <div class="row"> <a id="tabC" href="#" title="中央主要內容區" accesskey="C">:::</a> <div class="col-12 col-lg-6 mb-3"> <div class="card kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/UrlMap?t=l0Y" target="_blank" title="Wi-Fi不只能用來上網？看它如何成為居家照護與入侵者偵測的幕後功臣 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card_lg"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7ILwhCCtojwvfIhpgiTHNnKd09WQo%2F63gzFz%2BNeVmvpX9pgjj5BIXkBYQPJpndGJ0w%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/02/26</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">Wi-Fi不只能用來上網？看它如何成為居家照護與入侵者偵測的幕後功臣</div> </div> </a> </div> </div> <div class="col-12 col-lg-6 mb-3"> <div class="owl-carousel owl-theme owl_fv"> <div class="row"> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/UrlMap?t=gg1" target="_blank" title="在火車上做實驗！「科普環島列車」讓小學生學習科學也增廣見聞 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7Mv95AFazi14Pj3GnJZ5kNq%2F%2BUFlo4f6rFmAQRrx4m2Jj5AlVrHxSLJwMywMimrlnw%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/02/14</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">在火車上做實驗！「科普環島列車」讓小學生學習科學也增廣見聞</div> </div> </a> </div> </div> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/Article/C000003/detail?ID=dc9072c9-84ca-402e-9af8-8c79568daaad" target="_blank" title="智慧能源管理如何推動企業實現淨零排放 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7A%2BOPoNUP0ieMpNnNfLdrzZiI8JpSmSHo6BS0%2Fl%2FC14BppzopY5lHeOz5blTFGDO5w%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/01/30</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">智慧能源管理如何推動企業實現淨零排放</div> </div> </a> </div> </div> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/Article/C000003/detail?ID=d337df97-9295-4f78-add7-e13cc5d792bb" target="_blank" title="探索地球最古老的固碳機制 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7A%2BOPoNUP0ieMpNnNfLdrzbtcwHQiZBX9TYN29cyVu3ong4S7mkFJ6bStc74IGP%2Flg%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/01/30</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">探索地球最古老的固碳機制</div> </div> </a> </div> </div> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/UrlMap?t=eb7" target="_blank" title="半導體製程如何平衡高科技與環境永續？——專訪陳奕宏教授 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7NblVpYShaQ9CG7rkOpxRsvEsxM3Q5Pdvxqt%2BTs6su5aYDys3ZHQp%2BuYMoYe1i2h9w%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/01/24</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">半導體製程如何平衡高科技與環境永續？——專訪陳奕宏教授</div> </div> </a> </div> </div> </div> <div class="row"> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/UrlMap?t=iUw" target="_blank" title="透過臺德氫能合作推動綠氫技術與永續未來——專訪蕭述三校長 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7C195jcgtO8OHjQI3NCR4MpyuRrnz33FG4y3c2dgQlcNqtWr1Ndz%2BQZyUrfL1ccOmw%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/01/24</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">透過臺德氫能合作推動綠氫技術與永續未來——專訪蕭述三校長</div> </div> </a> </div> </div> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/Article/C000003/detail?ID=024f9045-12be-41dd-9e40-b856b301a19d" target="_blank" title="被視為海洋藍碳的紅樹林，為何是臺灣適合的固碳策略？ (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7IRbCJx88dVtHbtDfa6G5tBgPN89sHcpS7sQLaM10uu9u2sgtLxG484OIMpsdN51%2FA%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">114/01/20</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">被視為海洋藍碳的紅樹林，為何是臺灣適合的固碳策略？</div> </div> </a> </div> </div> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/UrlMap?t=ifR" target="_blank" title="「寵物攝影師」：偵測技術捕捉毛孩們的瘋狂日常 (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7HTtGe4zfZ8%2Fs97qKExfcGcg8AEJAgUOzsn8xBpv2hX%2BoZeTLbEq0i%2FDoa421ktMOw%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">113/12/25</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">「寵物攝影師」：偵測技術捕捉毛孩們的瘋狂日常</div> </div> </a> </div> </div> <div class="col-12 col-md-6 mb-3"> <div class="card card-mobile-list kf-img obj-img-cover"> <a class="card-item card-position" href="https://scitechvista.nat.gov.tw/UrlMap?t=g97" target="_blank" title="石虎路殺只是個案？餵養流浪犬貓竟可能加速石虎滅亡？ (另開新視窗)"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=5sU5O6DwFe%2FRx7BJHmRF7KXVIH%2BAcSTyX9GzTO6DgZk0rGUSOXm4LRlc2wNXuBCcBGKk2BQSGbMIVVX%2FAmrNGQ%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2">113/12/16</span><br class="d-sm-none" /> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">石虎路殺只是個案？餵養流浪犬貓竟可能加速石虎滅亡？</div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="network-wrap"> <div class="container-lg py-5 px-3"> <div class="d-md-flex justify-content-md-between align-items-md-center"> <div class="in_title"> <span class="in-tit-h3">recommend</span> <h2 class="in-tit-h2">推薦文章</h2> </div> <div class="d-flex align-items-center"> <span class="h6 m-0 pr-3">不是您想要的嗎?</span> <button class="btn btn-primary px-4" type="button" onclick="switchRecommendArticle();">換一批</button> </div> </div> <div class="row mt-3" id="recommendArticleList"> <div class="col-12 col-md-6 col-lg-3"> <div class="card kf-img obj-img-cover"> <a class="card-item" title="用綠豆殼突破貓的絕症——貓傳染性腹膜炎的新可能" href="/Article/C000003/detail?ID=14747d28-82fb-4d5e-a2d5-d3df4efbfaf1"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTHVGUZLl51y6kt7HWlAje3TjugYkBhPTRgNR500sk%2FocSN9QSq3gwQmOwr3iHe2qGw%3D%3D" alt=""> </figure> <div class="card-body py-4 px-2"> <div class="card-date"> <span class="mr-2">113/11/25</span> </div> <div class="card-body-tit h4 txt-truncate2 my-2">用綠豆殼突破貓的絕症——貓傳染性腹膜炎的新可能</div> <div class="card-body-foot text-truncate mr-4"> <span>李元傑</span> | <span>科技大觀園特約編輯</span> </div> </div> </a> <div class="BadgeGroup mb-2"> <span class="badge badge-primary">生物</span> </div> <button class="kf-bookmark btn " id="favoriteTag14747d28-82fb-4d5e-a2d5-d3df4efbfaf1" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('14747d28-82fb-4d5e-a2d5-d3df4efbfaf1', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="card kf-img obj-img-cover"> <a class="card-item" title="氣候變遷下的農業改革：韌性與淨零的未來進行式" href="/Article/C000003/detail?ID=d607afbe-8671-47a6-96e0-86c893c9f6a3"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTExGZpklapYa4Vz8HR2xVqzxHS6HPM7UTNUjwtdNo3B%2Bc1ExNEvu9XYCpKwcK7nFKw%3D%3D" alt=""> </figure> <div class="card-body py-4 px-2"> <div class="card-date"> <span class="mr-2">113/09/30</span> </div> <div class="card-body-tit h4 txt-truncate2 my-2">氣候變遷下的農業改革：韌性與淨零的未來進行式</div> <div class="card-body-foot text-truncate mr-4"> <span>陳儀珈</span> | <span>科技大觀園特約編輯</span> </div> </div> </a> <div class="BadgeGroup mb-2"> <span class="badge badge-primary">環境</span> </div> <button class="kf-bookmark btn " id="favoriteTagd607afbe-8671-47a6-96e0-86c893c9f6a3" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('d607afbe-8671-47a6-96e0-86c893c9f6a3', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="card kf-img obj-img-cover"> <a class="card-item" title="AI 加短影音，讓科學傳播更廣" href="/Article/C000003/detail?ID=b96720cf-4522-4a6c-b543-b537a911bf2a"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTPjVdN7CbZMkip3w8epj1RqE3jF5xQ2lP6Y%2B7yYGw%2FuKRXZdoCoig2Nr%2FL1vbKFkSA%3D%3D" alt=""> </figure> <div class="card-body py-4 px-2"> <div class="card-date"> <span class="mr-2">113/12/31</span> </div> <div class="card-body-tit h4 txt-truncate2 my-2">AI 加短影音，讓科學傳播更廣</div> <div class="card-body-foot text-truncate mr-4"> <span>曹盛威</span> | <span>科技大觀園特約編輯</span> </div> </div> </a> <div class="BadgeGroup mb-2"> <span class="badge badge-primary">科技</span> </div> <button class="kf-bookmark btn " id="favoriteTagb96720cf-4522-4a6c-b543-b537a911bf2a" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('b96720cf-4522-4a6c-b543-b537a911bf2a', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> <div class="col-12 col-md-6 col-lg-3"> <div class="card kf-img obj-img-cover"> <a class="card-item" title="「寵物攝影師」：偵測技術捕捉毛孩們的瘋狂日常" href="/Article/C000003/detail?ID=552a8e6c-3e98-4120-8986-cc7498611bbb"> <figure class="embed-responsive embed-responsive-card"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTEOb%2BZmlbi6yFbOMHPaRm0dInb3f29bUkHcxAXylRNcb%2Fg%2Beqttf4cOCozj3KyG1kA%3D%3D" alt=""> </figure> <div class="card-body py-4 px-2"> <div class="card-date"> <span class="mr-2">113/12/25</span> </div> <div class="card-body-tit h4 txt-truncate2 my-2">「寵物攝影師」：偵測技術捕捉毛孩們的瘋狂日常</div> <div class="card-body-foot text-truncate mr-4"> <span>李元傑</span> | <span>科技大觀園特約編輯</span> </div> </div> </a> <div class="BadgeGroup mb-2"> <span class="badge badge-primary">科技</span> </div> <button class="kf-bookmark btn " id="favoriteTag552a8e6c-3e98-4120-8986-cc7498611bbb" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('552a8e6c-3e98-4120-8986-cc7498611bbb', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> </div> </div> </div> <script src="/scripts/handlebars-v4.7.7.js"></script> <script id="indexRecommendArticle-template" type="text/x-handlebars-template"> <div class="col-12 col-md-6 col-lg-3"> <div class="card kf-img obj-img-cover"> <a class="card-item" href="{{link}}"> <figure class="embed-responsive embed-responsive-card"> <img src="{{coverImgFileName}}" alt="{{caption}}" /> </figure> <div class="card-body py-4 px-2"> <div class="card-date"> <span class="mr-2">{{startDate}}</span> </div> <div class="card-body-tit h4 txt-truncate2 my-2">{{caption}}</div> <div class="card-body-foot text-truncate mr-4"> <span>{{authorName}}</span> | <span>{{authorAffiliation}}</span> </div> </div> </a> <div class="BadgeGroup mb-2"> <span class="badge badge-primary">{{subject}}</span> </div> <button class="kf-bookmark btn {{active}}" id="favoriteTag{{id}}" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('{{id}}', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> </script> <script> function switchRecommendArticle() { Handlebars.registerHelper('times', function (n, block) { var accum = ''; for (var i = 0; i < n; ++i) accum += block.fn(i); return accum; }); $.ajax({ type: 'GET', url: '/article/api/getRecommend', success: function (data) { if (data != null) { var divUser = $("#recommendArticleList"); divUser.html(""); //取樣版 var source = document.getElementById("indexRecommendArticle-template").innerHTML; var template = Handlebars.compile(source); for (var i = 0; i < data.length; i++) { //代入值 var context = { id: data[i].id, link: '/Article/C000003/detail?ID=' + data[i].id, caption: data[i].caption, subject: data[i].subject, diffculty: data[i].diffculty, startDate: data[i].startDate, coverImgFileName: '/UploadPlugin?file=' + encodeURIComponent(data[i].coverImgFileName), isFavorite: data[i].isFavorite, authorName: data[i].authorName, authorAffiliation: data[i].authorAffiliation, } var html = template(context); divUser.append(html); } } console.log(data); }, error: function (data) { //alert(data[0].msg); //console.log(data); } }); } </script>  <div class="join-wrap"> <div class="container px-3"> <div class="join-form"> <label class="text-white font-weight-bold h3 mb-0" for="indexEpaperinput">加入會員立即訂報</label> <div class="join-form-group"> <input class="join-txt mr-2" type="text" title="請輸入您的e-mail信箱" placeholder="請輸入您的e-mail信箱" id="indexEpaperinput" /> <button class="join-btn btn btn-secondary" type="button" onclick="indexEpaperSubscription();">訂閱</button> </div> </div> </div> </div> <script> function indexEpaperSubscription() { var email = $('#indexEpaperinput').val(); if (email == '') { alert("請輸入Email"); return false; } $.ajax({ type: 'GET', url: '/epaper/api/addEpaperSubscription?Email=' + email, success: function (data) { if (typeof (data.success) != undefined && data.success == false) { alert(data.msg); return false; } alert("電子報訂閱成功"); $('#indexEpaperinput').val(''); //console.log(data); }, error: function (data) { //console.log(data); } }); } </script>  <div class="science-wrap"> <div class="container py-5 px-3 py-lg-7"> <div class="in_title"> <span class="in-tit-h3">science project</span> <h2 class="in-tit-h2">科學專題</h2> </div> <div class="row mt-5"> <div class="col-12 col-md-4 mb-3"> <div class="card kf-img obj-img-cover"> <a class="card-item card-position" title="看不見的連結，資通訊生活革命" href="/Theme/C000004/detail?ID=ebb15491-7e4e-4526-a0ca-ea355d5ce270"> <figure class="embed-responsive embed-responsive-1by1"> <img src="/UploadPlugin?file=HokeK7EIbCw6KIkRzgSLNORrlQ0JvZWzm7GROQ5%2BitHybsd3ZBDYmxPCWa5k5NTl" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2 h6">114/02/26</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">看不見的連結，資通訊生活革命</div> </div> </a> </div> </div> <div class="col-12 col-md-4 mb-3"> <div class="card kf-img obj-img-cover"> <a class="card-item card-position" title="與環境共存，減碳新勢力" href="/Theme/C000004/detail?ID=cf2b17a3-e3ff-41f0-bae1-9fe5e8a524c0"> <figure class="embed-responsive embed-responsive-1by1"> <img src="/UploadPlugin?file=HokeK7EIbCw6KIkRzgSLNLkFjoRnrNqqnAcYbGB%2F5NuK39v%2BzBsLezNHAbbqoakJ" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2 h6">114/01/20</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">與環境共存，減碳新勢力</div> </div> </a> </div> </div> <div class="col-12 col-md-4 mb-3"> <div class="card kf-img obj-img-cover"> <a class="card-item card-position" title="貓皇駕到！照顧貓主子的科學知識" href="/Theme/C000004/detail?ID=d9d78045-458a-4c1b-8f41-319c5bf0db75"> <figure class="embed-responsive embed-responsive-1by1"> <img src="/UploadPlugin?file=HokeK7EIbCw6KIkRzgSLNMFYisF%2FSNtgH59%2F4Yu%2BohWn39TbnOyEQl0uq7AKGlcq" alt=""> </figure> <div class="card-body p-4"> <div class="card-date"> <span class="mr-2 h6">113/12/25</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">貓皇駕到！照顧貓主子的科學知識</div> </div> </a> </div> </div> </div> <div class="d-flex justify-content-center pt-6"> <a class="btn btn-secondary btn-more" href="/Theme/C000004/featured/54f1eb6a-d1fc-4b30-9cda-7816013bf208">觀看所有專題</a> </div> </div> </div>  <div class="activity-wrap bg-gray-100"> <div class="container pb-5 pb-lg-7"> <div class="in_title"> <span class="in-tit-h3">Event</span> <h2 class="in-tit-h2">推薦活動</h2> </div> <div class="owl-carousel owl-theme owl_activity"> <a class="activity-item kf-img obj-img-cover" title="【Open Call 科普創意松】專家培力營" href="/ActivityInfo/C000002?ID=0d50b077-11fd-49ed-8d1f-7e5084a0da48&PageType=1"> <figure class="embed-responsive activity-fig"> <img src="/UploadPlugin?file=iyD1PmxEJF6EVAYhmYC9UuE7%2FrB8v5f4CZ4wwh43tnnT%2BAf5%2FNub%2BrNJJlZEgfWhwoO5MSOYDTfxNlJREfpk1A%3D%3D" alt=""> </figure> <div class="activity-body"> <div class="activity-data"> 114/01/21 14:00 ~ 114/02/15 15:59 </div> <div class="activity-tit mt-3">【Open Call 科普創意松】專家培力營</div> <div class="activity-txt mt-3"> 國家科學及技術委員會為深化科普傳播效益及培養下一代科普人才，辦理第二屆「Open Call科普創意松」短片徵件競賽及業師培力等系列活動，輔導學生強化影片製作技巧、掌握數位影音趨勢，為此辦理影音培力營課... </div> <span class="activity-more mt-3">查看活動</span> </div> </a> <a class="activity-item kf-img obj-img-cover" title="第22屆週日閱讀科學大師" href="/ActivityInfo/C000002?ID=3fb60953-4688-4a70-9af1-69a1cab6b618&PageType=1"> <figure class="embed-responsive activity-fig"> <img src="/UploadPlugin?file=iyD1PmxEJF6EVAYhmYC9UpZjYmOIf%2FTFaIEVMAB2vol1KSCtwxCHAL7dfLqbQFdUJzGgkZ27mWvG4exQY7UPfw%3D%3D" alt=""> </figure> <div class="activity-body"> <div class="activity-data"> 113/09/29 00:00 ~ 114/06/08 23:59 </div> <div class="activity-tit mt-3">第22屆週日閱讀科學大師</div> <div class="activity-txt mt-3"> 專為年輕朋友與社會大眾在假日上午舉辦的科學普及講座，講座為免費進場，累積次數還有贈品(現場可索取計次卡)，並由國科會提供「科學發展月刊」。歡迎各級學校利用假日舉辦校外教學訪問「科工館一日遊」上午前來科... </div> <span class="activity-more mt-3">查看活動</span> </div> </a> <a class="activity-item kf-img obj-img-cover" title="2025 科學競賽：這樣教我就懂" href="/ActivityInfo/C000002?ID=d58e1ba8-c2c7-4f63-949f-cc74ce19ecb4&PageType=1"> <figure class="embed-responsive activity-fig"> <img src="/UploadPlugin?file=iyD1PmxEJF6EVAYhmYC9UuE7%2FrB8v5f4CZ4wwh43tnkLeKQEv%2FUnIpf0LcA7xQ3lWt0I9CM1Ny%2F2hxAAgbjV0g%3D%3D" alt=""> </figure> <div class="activity-body"> <div class="activity-data"> 114/01/16 00:00 ~ 114/06/14 23:59 </div> <div class="activity-tit mt-3">2025 科學競賽：這樣教我就懂</div> <div class="activity-txt mt-3"> 為了推廣大眾科學教育，讓科學教育能扎根於每個人的生活與文化中，並養成對於科學的興趣，邀請國內外的學生、教師以及社會大眾，透過一連串與生活議題有關科學問題發想、資料理解與判斷、及探究結果表達等過程，以同... </div> <span class="activity-more mt-3">查看活動</span> </div> </a> </div> <div class="d-flex justify-content-center pt-5"> <a class="btn btn-secondary btn-more" href="/ActivityInfo/C000002">觀看所有活動</a> </div> </div> </div>  <div class="video-wrap"> <div class="container py-5 px-3 py-lg-7"> <div class="in_title"> <span class="in-tit-h3 text-secondary">Video</span> <h2 class="in-tit-h2 text-white">影音專區</h2> </div> <div class="row mt-5"> <div class="col-12 col-lg-6 mb-3"> <div class="card kf-img obj-img-cover"> <a class="card-item card-position" title="【科普三分鐘】看不見的敵人–病毒的發現" href="/Article/C000008/detail?ID=91e8b023-48ab-4c5a-adb0-df526ec25857"> <figure class="embed-responsive embed-responsive-4by3"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTF8D%2B7jyRb8kU4FYBX28rpraeGQM1SRUanx3EK%2FW9weAr0MMjd%2BvZIhteNhWvR2EgQ%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="BadgeGroup mb-2"> <span class="badge badge-primary">醫療</span> </div> <div class="card-date"> <span class="mr-2">114/01/24</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">【科普三分鐘】看不見的敵人–病毒的發現</div> </div> </a> <button class="kf-bookmark btn text-white " id="favoriteTag91e8b023-48ab-4c5a-adb0-df526ec25857" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('91e8b023-48ab-4c5a-adb0-df526ec25857', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> <div class="col-12 col-lg-6 mb-3"> <div class="card card-list kf-img obj-img-cover"> <a class="card-item" title="【專家領進門】AI 解決你的分離「膠」慮，革命性仿生膠帶誕生了！" href="/Article/C000008/detail?ID=cb1a1962-dd44-47fa-9ef4-71e0b2cc605f"> <figure class="embed-responsive embed-responsive-4by3"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTPd6Cr757ZBCcog4ivLYrkXrT%2BjeDM5pQXmvCo9w%2FMjJ8xfE1iR4BqUFqkvFovUKEw%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="BadgeGroup mb-2"> <span class="badge badge-primary mt-sm-0">工程學</span> </div> <div class="card-date"> <span class="mr-2">114/01/08</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">【專家領進門】AI 解決你的分離「膠」慮，革命性仿生膠帶誕生了！</div> <div class="card-body-foot text-truncate"> <span>鍾宜璋</span> </div> </div> </a> <button class="kf-bookmark btn text-white " id="favoriteTagcb1a1962-dd44-47fa-9ef4-71e0b2cc605f" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('cb1a1962-dd44-47fa-9ef4-71e0b2cc605f', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> <div class="card card-list kf-img obj-img-cover"> <a class="card-item" title="一場由 AI 驅動的臺灣創新" href="/Article/C000008/detail?ID=837227e1-ec93-423f-af6e-8a62b44e22dd"> <figure class="embed-responsive embed-responsive-4by3"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTFo4pdTOMNIgy9j7xsvh5LWDj8pW2T%2Fd4ugFw3vnl6JQtklZRGAd9dbmlk5p5omhHA%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="BadgeGroup mb-2"> <span class="badge badge-primary mt-sm-0">人工智慧</span> </div> <div class="card-date"> <span class="mr-2">113/12/13</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">一場由 AI 驅動的臺灣創新</div> </div> </a> <button class="kf-bookmark btn text-white " id="favoriteTag837227e1-ec93-423f-af6e-8a62b44e22dd" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('837227e1-ec93-423f-af6e-8a62b44e22dd', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> <div class="card card-list kf-img obj-img-cover"> <a class="card-item" title="【專家領進門】用 AI 應對氣候變遷，實現永續農業與減碳" href="/Article/C000008/detail?ID=3e65701b-4081-4e58-9692-3ad17766ae3d"> <figure class="embed-responsive embed-responsive-4by3"> <img src="/UploadPlugin?file=J3k1umik85MGDLp27C2jTEwyA6QyHfvAqGEKIRuIdVkAYpKq4v3g1ZW5IyxSBq3J37cYe%2FnFDv0Uavc8m57%2F9A%3D%3D" alt=""> </figure> <div class="card-body p-4"> <div class="BadgeGroup mb-2"> <span class="badge badge-primary mt-sm-0">科技</span> <span class="badge badge-primary mt-sm-0">生物</span> </div> <div class="card-date"> <span class="mr-2">113/11/21</span> </div> <div class="card-body-tit h4 truncate-2 mt-2 mb-0">【專家領進門】用 AI 應對氣候變遷，實現永續農業與減碳</div> <div class="card-body-foot text-truncate"> <span>朱彥煒</span> </div> </div> </a> <button class="kf-bookmark btn text-white " id="favoriteTag3e65701b-4081-4e58-9692-3ad17766ae3d" data-toggle="modal" data-target="#exampleModal" title="儲存書籤" onclick="dialogSetArticleId('3e65701b-4081-4e58-9692-3ad17766ae3d', 0)"> <span class="sr-only">儲存書籤</span> </button> </div> </div> </div> <div class="d-flex justify-content-center pt-5"> <a class="btn btn-secondary btn-more" href="/Article/C000008/new">觀看所有影音</a> </div> </div> </div>  <div class="row no-gutters"> <div class="col-12 col-md-6"> <a class="acc-item acc-item01 text-white" href="https://scitechvista.elearn.hrd.gov.tw/mooc/index.php" title="公務人員認證(另開新視窗)" target="_blank"><span>公務員認證</span></a> </div> <div class="col-12 col-md-6"> <a class="acc-item acc-item03 text-black" href="/student" title="學生專區"><span>學生專區</span></a> </div> </div>  <div class="bg-gray-100 py-md-4"> <div class="container py-5 px-3 py-lg-7 text-center"> <div class="in_title d-inline-block m-auto"> <span class="in-tit-h3">FOLLOW US</span> <h2 class="in-tit-h2">追蹤我們</h2> </div> <nav class="follow-nav"> <a class="follow-item follow-fb" href="https://www.facebook.com/scitechvista/" target="_blank" title="Facebook(另開新視窗)"> <span class="sr-only" lang="en">Facebook</span> </a> <a class="follow-item follow-youtube" href="https://www.youtube.com/user/scicircus" target="_blank" title="youtube(另開新視窗)"> <span class="sr-only" lang="en">youtube</span> </a> <a class="follow-item follow-plurk" href="https://www.plurk.com/scitechvista" target="_blank" title="plurk(另開新視窗)"> <span class="sr-only" lang="en">plurk</span> </a> <a class="follow-item follow-instagram" href="https://www.instagram.com/nstcstv/" target="_blank" title="instagram(另開新視窗)"> <span class="sr-only" lang="en">instagram</span> </a> </nav> </div> </div>  <div class="fat-wrap"> <div class="fatbtn-bar"> <a href="javascript:void(0);" class="fatbtn" title="Open" lang="en" role="button">OPEN</a> </div> <div class="fat-content container"> <div class="row"> <div class="col"> <div class="fat-title h5"> <a href="/StaticPage/aboutus" title=關於我們 target=_self>關於我們</a> </div> <ul class="fat-item"> <li> <a href="/StaticPage/aboutus" title=關於我們 target=_self>關於我們</a> </li> </ul> </div> <div class="col"> <div class="fat-title h5"> <a href="/Folder/Article" title=文章 target=_self>文章</a> </div> <ul class="fat-item"> <li> <a href="/Article/C000003/hot" title=熱門文章 target=_self>熱門文章</a> </li> <li> <a href="/Article/C000003/new" title=最新文章 target=_self>最新文章</a> </li> <li> <a href="/Article/C000003/featured" title=精選文章 target=_self>精選文章</a> </li> <li> <a href="/Theme/C000004/featured/54F1EB6A-D1FC-4B30-9CDA-7816013BF208" title=科學專題 target=_self>科學專題</a> </li> </ul> </div> <div class="col"> <div class="fat-title h5"> <a href="/Folder/video" title=影音 target=_self>影音</a> </div> <ul class="fat-item"> <li> <a href="/Article/C000008/new" title=科普影片 target=_self>科普影片</a> </li> <li> <a href="/Article/C000009/new" title=TechTalk target=_self>TechTalk</a> </li> </ul> </div> <div class="col"> <div class="fat-title h5"> <a href="/ActivityInfo/C000002" title=活動 target=_self>活動</a> </div> <ul class="fat-item"> <li> <a href="/ActivityInfo/C000002" title=活動 target=_self>活動</a> </li> </ul> </div> <div class="col"> <div class="fat-title h5"> <a href="https://scitechvista.nat.gov.tw/Student" title=學生專區(另開新視窗) target=_blank>學生專區</a> </div> <ul class="fat-item"> <li> <a href="https://scitechvista.nat.gov.tw/Student" title=學生專區(另開新視窗) target=_blank>學生專區</a> </li> </ul> </div> </div> </div> </div> <footer class="footer-wrap"> <div class="container pt-4 pt-md-6"> <div class="d-lg-flex justify-content-lg-between px-3 py-4 px-md-0"> <div class="d-md-flex"> <div class="footer-logo mb-3"> <a id="tabB" href="#tabB" title="下方導覽連結區" accesskey="B">:::</a> <img src="/images/footer-logo.svg" alt="國科會-科技大觀園"> </div> <div class="foot-info mb-3"> <p>科技大觀園 ©2020 All Rights Reserved.</p> <p> 地址：臺北市大安區和平東路二段106號22樓 </p> <p> 電話：02-23620699 #675 </p> <p> 信箱：nstcstv@gmail.com </p> </div> </div> <div class="d-md-flex ml-lg-auto"> <div class="foot-link mb-3"> <a href="/StaticPage/private" title="隱私權保護政策">隱私權保護政策</a> <a href="/StaticPage/services" title="服務條款">服務條款</a> <a href="/StaticPage/copyright" title="網站資料開放宣告">網站資料開放宣告</a> </div> <div class="foot-government ml-md-4"> <a href="http://www.gov.tw/" target="_blank" title="我的E政府(另開新視窗)" class="mx-2 mb-md-3"> <img src="/images/gov.svg" alt="我的E政府商標" /> </a> <a href="https://accessibility.moda.gov.tw/Applications/Detail?category=20240328110650" target="_blank" title="無障礙網站2.0(另開新視窗)" class="mx-2 mb-md-3"> <img src="/images/accessibility.svg" alt="通過AA檢測等級無障礙網頁檢測" /> </a> </div> </div> </div> </div> <div class="container footer-foot"> <div class="row no-gutters px-3 py-4 px-md-0"> <div class="col-lg-7 mb-2 mb-lg-0">建議瀏覽器：IE11.0以上、Firefox、Chrome(螢幕設定最佳顯示效果為1920*1080)</div> <div class="col-lg-5 text-lg-right">更新日期：114/02/27 訪客人數：106470743</div> </div> </div> </footer>  <div class="scrollToTop"> <a href="javascript:void(0);" title="回頂部" role="button"> <i class="fas fa-arrow-alt-circle-up" aria-hidden="true"></i> <span class="sr-only">回頂部</span> </a> </div>  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="staticBackdropLabel">Pleace Login!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body">請先登入</div> <div class="modal-footer"> <a href="/Member/loginPage" class="btn btn-primary mx-1">登入</a> <a href="/Member/registerPage" class="btn btn-secondary mx-1">註冊</a> </div> </div> </div> </div> <script src="/scripts/handlebars-v4.7.7.js"></script> <script id="attraction-template" type="text/x-handlebars-template"> <div class="custom-control custom-radio"> <input type="radio" id="FavoriteFolder{{id}}" name="FavoriteFolder" value="{{id}}" class="custom-control-input" {{checked}}> <label class="custom-control-label" for="FavoriteFolder{{id}}">{{caption}}</label> </div> </script> <script> //切換按鈕 function btnOptionSwitch(type) { if (type == 1) { $('#dialogFavoriteChange').show(); $('#dialogFavoriteRemove').show(); $('#dialogFavoriteAdd').hide(); } else { $('#dialogFavoriteChange').hide(); $('#dialogFavoriteRemove').hide(); $('#dialogFavoriteAdd').show(); } } //新增收藏 function dialogAddFavorite() { var folderId = $("input[name ='FavoriteFolder']:checked").val(); var articleId = $('#thisArticleId').val(); if (typeof (folderId) == undefined || folderId == '' || folderId == null) { alert("請選擇資料夾"); return false; } $.ajax({ type: 'GET', url: '/member/api/addArticleFavorite?FolderId=' + folderId + '&ArticleId=' + articleId, success: function (data) { if (typeof (data.success) != undefined && data.success == false) { alert(data.msg); return false; } btnOptionSwitch(1); $('#thisFolderId').val(folderId); $('#dialogAddNewFolder').val(''); DialogLoadFolder(); if ($('#listOrDetail').val() == 0) { $('#favoriteTag' + articleId).addClass('active'); } else { $('#favoriteTag').addClass('active'); } alert("新增收藏成功"); //console.log(data); }, error: function (data) { //console.log(data); } }); } //轉移資料夾 function dialogChangeFolder() { var folderId = $("input[name ='FavoriteFolder']:checked").val(); var articleId = $('#thisArticleId').val(); if (typeof (folderId) == undefined || folderId == '' || folderId == null) { alert("請選擇資料夾"); return false; } $.ajax({ type: 'GET', url: '/member/api/changeArticleFolder?NewFolderId=' + folderId + '&ArticleId=' + articleId, success: function (data) { if (typeof (data.success) != undefined && data.success == false) { alert(data.msg); return false; } $('#thisFolderId').val(folderId); $('#dialogAddNewFolder').val(''); DialogLoadFolder(); alert("轉移資料夾成功"); //console.log(data); }, error: function (data) { //console.log(data); } }); } //移除收藏 function dialogRemoveFavorite() { var articleId = $('#thisArticleId').val(); if (!confirm('確定要移除收藏嗎?')) { return false; } $.ajax({ type: 'GET', url: '/member/api/deleteArticleFavorite?ArticleId=' + articleId, success: function (data) { if (typeof (data.success) != undefined && data.success == false) { alert(data.msg); return false; } btnOptionSwitch(0); $('#thisFolderId').val(''); $('#dialogAddNewFolder').val(''); DialogLoadFolder(); if ($('#listOrDetail').val() == 0) { $('#favoriteTag' + articleId).removeClass('active'); } else { $('#favoriteTag').removeClass('active'); } alert("移除收藏成功"); //console.log(data); }, error: function (data) { //console.log(data); } }); } //初始化(type: 0 = 列表 1 = 內文) function dialogSetArticleId(id, type) { $('#thisArticleId').val(id); $('#listOrDetail').val(type); $.ajax({ type: 'GET', url: '/member/api/getArticleFavorite?ArticleId=' + id, success: function (data) { if (typeof (data.success) != undefined && data.success == false) { //alert(data.msg); return false; } if (data[0].FolderID == null || data[0].FolderID.length == 0) { btnOptionSwitch(0); } else { btnOptionSwitch(1); } $('#thisFolderId').val(data[0].FolderID); $('#dialogAddNewFolder').val(''); DialogLoadFolder(); //console.log(data); }, error: function (data) { //console.log(data); } }); } //載入資料夾 function DialogLoadFolder() { var thisFolder = $('#thisFolderId').val(); $.ajax({ type: 'GET', url: '/member/api/getFolder', success: function (data) { if (data != null) { var divUser = $("#FavoriteFolderList"); divUser.html(""); //取樣版 var source = document.getElementById("attraction-template").innerHTML; var template = Handlebars.compile(source); for (var i = 0; i < data.length; i++) { //代入值 var context = { id: data[i].id, caption: data[i].caption, checked: (thisFolder == data[i].id) ? 'checked' : '', } var html = template(context); divUser.append(html); } } //console.log(data); }, error: function (data) { //alert(data[0].msg); //console.log(data); } }); } //新增資料夾 function dialogAddNewFolder() { var caption = $('#dialogAddNewFolder').val(); $.ajax({ type: 'GET', url: '/member/api/addFolder?Caption=' + caption, success: function (data) { DialogLoadFolder(); if (typeof (data.success) != undefined && data.success == false) { alert(data.msg); return false; } $('#dialogAddNewFolder').val(''); //console.log(data); }, error: function (data) { //console.log(data); } }); } </script>  <script src="/Scripts/bootstrap.min.js"></script>  <script src="/Scripts/megamenu/MobileMenu.js"></script>  <script src="/Scripts/OwlCarousel2-2.3.4/owl.carousel.min.js"></script> <script src="/Scripts/common.min.js"></script> <script src="/Scripts/customDs.min.js"></script> <script src="/Scripts/index.js"></script> <script src="/scripts/google_analytics.js"></script> <script> function hotKeySearch() { var url = '/ArticleSearch/C000003'; var qsObject = { }; if ($('#tbTopSearch').val().length > 0) qsObject['q'] = $('#tbTopSearch').val(); if (!$.isEmptyObject(qsObject)) url += '?' + $.param(qsObject); window.location.href = url; } $('#divHotKeySearchForm').keypress(keypressHandler); function keypressHandler(e) { if(e.which == 13) { e.preventDefault(); //stops default action: submitting form $(this).blur(); $('#HotKeySearchButton').focus().click();//give your submit an ID } } </script> </body> </html>

CINXE.COM

科技大觀園