Highworel

製作顯示於頁面上半部主視覺圖片的 製作重點 Slideshow, 主要圖片會顯示於中間, 兩側則分別是上一張與下一張圖片並用黑色半透明圖片覆蓋在上面。由於前後圖片顯示於兩側, 因此畫面寬度即使變動也能維持中間圖片的滿版顯示, 這樣主要圖片就可讓人印象深刻。

製作重點

• 製作 Slideshow 的圖片列表
• 以 CSS 準備 Slideshow 外觀
• 新增圖片的切換處理

首先撰寫 Slideshow 的 HTML, 用 li 元素配置所有圖片, 移動按鈕的連結配置在圖片列
表元素下方。這次範例要使用單一圖片對應各種螢幕大小, 因此不在 img 元素中設定
width、height 屬性, 而是在 CSS 中控制
配置位置一般是放在頁首區域, 也可依照需求配置在頁尾區域也是沒關係的。

接著在 CSS 中設定所有圖片橫向配置, 此外考量如果中間圖片與兩側都以相同的方式顯
示, 會無法突顯出主題, 所以兩側圖片上用半透明的點狀圖片覆蓋, 如此可讓中間顯示圖
片更明顯, 兩側圖片更有設計感, 讓整個幻燈片效果更有特色

…….﹝詳細內容﹞

更多內容請見 《接案我最行: jQuery 經典範例必殺技 》

「協調性訓練」是一種提高行動調節能力的特別訓練。

在青少年時期實施，可以促進身體、腦部、神經系統發育得更均衡；在成人期施行，可以讓運動更流暢，提昇正確運動的能力，並學會技巧或讓技巧變得更純熟，是基礎訓練的一種。

運動訓練分成「體能訓練」與「專業技巧、戰術訓練」。體能訓練重視的肌力、速度、耐力等項目。

體能的構成要素，大抵分為「引發」動作的能力、「調節」能力、「續航」力等，在這之中，調節能力又包含了協調能力。

所謂協調能力，就是能順暢地透過眼、耳等五感來察覺狀況，並經由頭腦判斷，讓肌肉活動的一連串過程。訓練協調能力能提高以下幾種能力。

訓練時要注意的不是投球時的速度或強度，而是動作部位、輔助性動作部位等身體各部位，讓全身連動起來。

舉手投球、反手投球
分別自上、下方投球，讓肩關節、上半身的旋轉、重心腳的位置等上半身的變化，與對應的下半身動作彼此連動。

右手投球、左手投球
用相同的姿勢、力道分別以慣用手與另一隻手投球，讓右半身與左半身的動作彼此連動。

…….﹝詳細內容﹞

  更多內容請見 《 運動健身知識家 最新版 – 圖解肌肉關節•肌力訓練•耐力訓練•營養補充•運動傷害•基礎理論 》