如何建立縮圖工具列

您不應在每次與釘選的網站互動時切換視窗,特別是您正在忙著使用另一個應用程式時。幸運的是,Windows 7 提供在 [縮圖預覽] 視窗上裝載特殊工具列的方法。縮圖工具列就像應用程式的遠端控制項 — 可以讓您不需要先開啟釘選的網站就能與它進行互動。

在本節中,您將學習如何以控制曲目播放的縮圖工具列擴充 Channel9 Podcast Player 範例應用程式。

附註  在新的 Windows UI 中,Internet Explorer 10 釘選的網站沒有縮圖工具列。

說明

Channel9 Podcast Player 範例應用程式的縮圖工具列上提供三個命令:[前一首]、[播放] 以及 [下一首]。按一下 [播放] 按鈕時,會開始播放目前選取的曲目。再按一次按鈕則會 [暫停] 曲目。

含有工具列的 [縮圖預覽] 視窗

附註  將滑鼠指標停在工作列按鈕上方時,會顯示 [縮圖預覽] 視窗。

功能

這個範例示範下列內容:

  • 建立含有三個命令按鈕的縮圖工具列
  • 使用 DOM 事件模型回應工具列上的按一下動作
  • 在 [播放] 與 [暫停] 按鈕樣式之間切換
  • 在播放清單的開頭和結尾調暗 [前一首] 與 [下一首] 按鈕
  • 在瀏覽至另一個網頁時移除工具列

工作

主題說明

為釘選的網站建立縮圖工具列

這個工作說明如何建立與顯示釘選的網站的基本縮圖工具列。

回應縮圖工具列上的按一下動作

為釘選的網站建立縮圖工具列工作中,您看到如何新增按鈕並顯示縮圖工具列。在此工作中,您要建立一個可以回應按鈕點選的事件處理常式。

停用和隱藏縮圖工具列上的按鈕

這個工作描述如何變更工具列按鈕的狀態,或從檢視隱藏按鈕。

切換縮圖工具列上的按鈕狀態

在這個工作中,您將了解如何使用單一工具列按鈕來執行兩個相反但相關的命令 (「播放」和「暫停」)。

進階概念:使用縮圖工具列

本主題列出可協助您在釘選的網站中使用縮圖工具列的其他方法。

 

相關主題

釘選的網站開發人員文件

 

 

顯示:
© 2014 Microsoft