萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 辦公室軟體 >  >> WPS Office >> WPS 綜合教學

WPS 簡報教學:仿網頁圖片輪播自動跳轉效果製作

參考效果

網易 NBA 首頁左上角圖片輪播:滑鼠懸停自動切換對應頁面。WPS 簡報可用「螢幕截圖」+「動作設定」完美復刻。

前置準備:安裝螢幕截圖工具

  1. 「工具」→「辦公小工具」→「推薦外掛」→ 搜尋「螢幕截取」→ 安裝。
  2. 工具列新增「截取螢幕」按鈕 。

截取網頁圖片素材

  1. WPS 簡報視窗化,網頁視窗化並排顯示。
  2. 點擊「截取螢幕」 → 框選輪播區域 → 調整控制柄精確裁切 → 點綠色勾號「完成,返回 WPS」。
  3. 圖片自動插入投影片,調整大小位置。

精細裁切與圖層處理

  1. 選中圖片 →「圖片工具」→「裁切」 → 拖動裁切柄移除多餘邊框/文字。
  2. 依輪播張數重複截圖、裁切,得到 N 張乾淨素材圖。

實現自動切換互動(核心邏輯)

  1. 將 N 張圖疊放同一位置,依序設定「進入/退出」動畫(如「淡入/淡出」)。
  2. 為每張圖設定「觸發器」:滑鼠懸停/點擊對應縮圖/按鈕 觸發該圖「進入」+ 其他圖「退出」。
  3. 或使用「動作設定」→「滑鼠經過」→「超連結到特定投影片」實現頁面跳轉。

延伸:製作自動輪播時間軸

  • 所有圖片動畫設為「與上一個動畫同時」+ 不同延遲(0s, 3s, 6s...)。
  • 最後一張動畫設「重複:直到投影片結束」形成無限循環。

小結

「截圖工具取素材 → 裁切淨化 → 動畫/觸發器/超連結綁定互動」三階段,在 WPS 簡報中 100% 還原網頁輪播體驗。同理可製作產品輪播、課程導覽、儀表板等互動介面。

copyright © 萬盛學電腦網 all rights reserved