107-2防災演練計畫
跳到主要內容區

<!-- 跑馬燈開始 -->
<style>
  #marquee-container {
    width: 100%;
    height: 100px; /* 可以調整高度 */
    overflow: hidden;
    position: relative;
    background-color: #f8f8f8;
    border-bottom: 2px solid #ccc;
  }
  #marquee-content {
    display: flex;
    position: absolute;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
  }
  #marquee-content img {
    height: 80px;  /* 調整圖片高度 */
    margin-right: 40px; /* 圖片間距 */
  }
  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
</style>

<div id="marquee-container">
  <div id="marquee-content">
    <img src="images/school1.jpg" alt="學校圖片1">
    <img src="images/school2.jpg" alt="學校圖片2">
    <img src="images/school3.jpg" alt="學校圖片3">
    <img src="images/school4.jpg" alt="學校圖片4">
    <!-- 如果圖片不夠長,請複製圖片再多放幾張,讓跑馬燈看起來連續 -->
  </div>
</div>
<!-- 跑馬燈結束 -->

107-2防災演練計畫

瀏覽數:

最新公告

-- FROM NTPC SITE

登入成功