{"id":214,"date":"2020-10-26T16:05:47","date_gmt":"2020-10-26T08:05:47","guid":{"rendered":"https:\/\/tcchc.org\/?page_id=214"},"modified":"2026-06-26T07:40:35","modified_gmt":"2026-06-25T23:40:35","slug":"214-2","status":"publish","type":"page","link":"https:\/\/tcchc.org\/","title":{"rendered":"\u7af9\u5357\u8056\u6559\u6703\u6b61\u8fce\u60a8"},"content":{"rendered":"\n\n\n<div class=\"slideshow-container\" id=\"slideshow\">\n\n  <div id=\"slides-wrapper\">\n    <div class=\"loading\">\u8f09\u5165\u6700\u65b0\u6d88\u606f\u4e2d&#8230;<\/div>\n  <\/div>\n\n  <a class=\"prev\" onclick=\"plusSlides(-1)\">\u276e<\/a>\n  <a class=\"next\" onclick=\"plusSlides(1)\">\u276f<\/a>\n\n  <div id=\"dots-wrapper\"><\/div>\n\n<\/div>\n\n<style>\n.slideshow-container{\n  max-width:960px;\n  margin:auto;\n  position:relative;\n}\n\n.mySlides{\n  display:none;\n  position:relative;\n}\n\n.mySlides img{\n  width:100%;\n  aspect-ratio:16\/9;\n  object-fit:cover;\n  border-radius:10px;\n  display:block;\n}\n\n.news-overlay{\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:0;\n  padding:15px 20px;\n  background:rgba(0,0,0,.6);\n  color:#fff;\n  border-radius:0 0 10px 10px;\n}\n\n.news-title{\n  font-size:28px;\n  font-weight:bold;\n  text-align:center;\n  line-height:1.4;\n}\n\n.news-link{\n  color:#fff;\n  text-decoration:none;\n}\n\n.prev,\n.next{\n  cursor:pointer;\n  position:absolute;\n  top:50%;\n  transform:translateY(-50%);\n  padding:14px;\n  color:white;\n  font-size:26px;\n  font-weight:bold;\n  background:rgba(0,0,0,.4);\n  z-index:99;\n  user-select:none;\n  transition:.3s;\n}\n\n.prev{\n  left:0;\n}\n\n.next{\n  right:0;\n}\n\n.prev:hover,\n.next:hover{\n  background:rgba(0,0,0,.8);\n}\n\n#dots-wrapper{\n  text-align:center;\n  margin-top:12px;\n}\n\n.dot{\n  height:12px;\n  width:12px;\n  margin:0 4px;\n  background:#bbb;\n  border-radius:50%;\n  display:inline-block;\n  cursor:pointer;\n}\n\n.dot.active{\n  background:#555;\n}\n\n.loading{\n  text-align:center;\n  padding:50px;\n  font-size:18px;\n}\n\n@media(max-width:768px){\n\n  .news-title{\n    font-size:18px;\n  }\n\n  .prev,\n  .next{\n    font-size:20px;\n    padding:10px;\n  }\n}\n<\/style>\n\n<script>\n\nlet slideIndex = 0;\nlet slides = [];\nlet dots = [];\nlet slideTimer;\n\nasync function loadNews(){\n\n  try{\n\n    const rss = await fetch('https:\/\/tcchc.org\/?feed=rss2');\n    const rssText = await rss.text();\n\n    const parser = new DOMParser();\n    const rssXml = parser.parseFromString(rssText,'text\/xml');\n\n    const items = rssXml.querySelectorAll('item');\n\n    let html = '';\n    let dotsHtml = '';\n\n    for(let i=0;i<Math.min(items.length,10);i++){\n\n      const item = items[i];\n\n      const title =\n        item.querySelector('title')?.textContent || '';\n\n      const link =\n        item.querySelector('link')?.textContent || '#';\n\n      let image =\n        'https:\/\/tcchc.org\/wp-content\/uploads\/2021\/04\/logo.png';\n\n      try{\n\n        const article = await fetch(link);\n        const articleHtml = await article.text();\n\n        const match = articleHtml.match(\n          \/property=[\"']og:image[\"']\\s+content=[\"']([^\"']+)[\"']\/i\n        );\n\n        if(match){\n          image = match[1];\n        }\n\n      }catch(e){\n        console.log(e);\n      }\n\n      html += `\n        <div class=\"mySlides\">\n          <a href=\"${link}\" class=\"news-link\">\n\n            <img decoding=\"async\" src=\"${image}\" alt=\"${title}\">\n\n            <div class=\"news-overlay\">\n              <div class=\"news-title\">\n                ${title}\n              <\/div>\n            <\/div>\n\n          <\/a>\n        <\/div>\n      `;\n\n      dotsHtml += `\n        <span class=\"dot\"\n        onclick=\"currentSlide(${i+1})\"><\/span>\n      `;\n    }\n\n    document.getElementById('slides-wrapper').innerHTML = html;\n    document.getElementById('dots-wrapper').innerHTML = dotsHtml;\n\n    slides = document.getElementsByClassName('mySlides');\n    dots = document.getElementsByClassName('dot');\n\n    if(slides.length > 0){\n      showSlide(0);\n      slideTimer = setTimeout(autoSlides,4000);\n    }\n\n  }catch(error){\n\n    document.getElementById('slides-wrapper').innerHTML =\n      '<div class=\"loading\">\u7121\u6cd5\u8f09\u5165\u6700\u65b0\u6d88\u606f<\/div>';\n\n    console.error(error);\n  }\n}\n\nfunction showSlide(n){\n\n  if(slides.length === 0) return;\n\n  for(let i=0;i<slides.length;i++){\n    slides[i].style.display='none';\n  }\n\n  for(let i=0;i<dots.length;i++){\n    dots[i].classList.remove('active');\n  }\n\n  slides[n].style.display='block';\n\n  if(dots[n]){\n    dots[n].classList.add('active');\n  }\n\n  slideIndex = n;\n}\n\nfunction autoSlides(){\n\n  slideIndex++;\n\n  if(slideIndex >= slides.length){\n    slideIndex = 0;\n  }\n\n  showSlide(slideIndex);\n\n  slideTimer = setTimeout(autoSlides,4000);\n}\n\nfunction plusSlides(n){\n\n  clearTimeout(slideTimer);\n\n  slideIndex += n;\n\n  if(slideIndex >= slides.length){\n    slideIndex = 0;\n  }\n\n  if(slideIndex < 0){\n    slideIndex = slides.length - 1;\n  }\n\n  showSlide(slideIndex);\n\n  slideTimer = setTimeout(autoSlides,8000);\n}\n\nfunction currentSlide(n){\n\n  clearTimeout(slideTimer);\n\n  showSlide(n-1);\n\n  slideTimer = setTimeout(autoSlides,8000);\n}\n\ndocument.addEventListener('DOMContentLoaded',()=>{\n\n  loadNews();\n\n  const slideshow =\n    document.getElementById('slideshow');\n\n  slideshow.addEventListener('mouseenter',()=>{\n    clearTimeout(slideTimer);\n  });\n\n  slideshow.addEventListener('mouseleave',()=>{\n    clearTimeout(slideTimer);\n    slideTimer = setTimeout(autoSlides,4000);\n  });\n\n});\n\n<\/script>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/65809540-1024x576.png\" alt=\"\" class=\"wp-image-4696\" srcset=\"https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/65809540-1024x576.png 1024w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/65809540-300x169.png 300w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/65809540-768x432.png 768w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/65809540-1536x864.png 1536w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/65809540.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/7847858787-1024x576.png\" alt=\"\" class=\"wp-image-4692\" srcset=\"https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/7847858787-1024x576.png 1024w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/7847858787-300x169.png 300w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/7847858787-768x432.png 768w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/7847858787-1536x864.png 1536w, https:\/\/tcchc.org\/wp-content\/uploads\/2026\/06\/7847858787.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u8f09\u5165\u6700\u65b0\u6d88\u606f\u4e2d&#8230; \u276e \u276f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tcchc.org\/index.php?rest_route=\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tcchc.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tcchc.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tcchc.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tcchc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=214"}],"version-history":[{"count":501,"href":"https:\/\/tcchc.org\/index.php?rest_route=\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":4723,"href":"https:\/\/tcchc.org\/index.php?rest_route=\/wp\/v2\/pages\/214\/revisions\/4723"}],"wp:attachment":[{"href":"https:\/\/tcchc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}