Internet Explorer 10 範例和教學課程

用途

本文件提供以 Internet Explorer 10 現代化標準功能及真實設計所建立的範例應用。每一節都提供一或多個開發人員案例,並附帶數個工作。每個工作的設計目的都是要協助您了解如何達成特定目標。

開發人員對象

這些範例和教學課程的適用對象是對 JavaScript 和文件物件模型 (DOM) 事件模型與物件有一定了解的 Web 開發人員。

執行階段需求

  • Internet Explorer 10

在本節中

主題說明

Contoso 影像中心

本主題說明 Contoso 影像中心網站並列出在此網站內示範的功能。

如何使用 CSS 加入有趣的文字效果

Internet Explorer 10 使用 text-shadow 階層式樣式表 (CSS) 屬性來提供硬體加速文字陰影的支援。

如何使用 CSS 轉換、轉場和動畫讓網頁變得更生動

Internet Explorer 10 (以及使用 JavaScript 的 Windows 市集應用程式) 新增 Internet Explorer 9 中引入的階層式樣式表 (CSS) 2D 轉換的支援,方法是透過支援 CSS 3D 轉換、CSS 轉場以及 CSS 動畫。

如何建立以 JavaScript 為基礎的階層式瀏覽系統

我們運用 JavaScript 的便利與簡單特性來建立瀏覽系統,例如在單一檔案中定義的左瀏覽列。

如何使用 IndexedDB 建立標記雲

這個系列的文章說明如何使用已編製索引的資料庫 (IndexedDB) API (在使用者的裝置上儲存資料的標準) 來建立標記雲。

如何使用 CSS 格線建立調適型配置

我們會在此處逐步為您講解如何建立一個簡單的「燈箱」網頁,以用於瀏覽影像中心中的相片。我們使用格線配置編排網頁的內容,利用「媒體查詢」最佳化直向或橫向瀏覽效果。

如何管理本機檔案

本節描述如何使用檔案 API 管理本機檔案。

如何使用 CSS 防止 (或啟用) 網頁上的文字選取

-ms-user-select 屬性是新的階層式樣式表 (CSS) 屬性,能夠讓網頁及應用程式的開發人員控制使用者能夠在網頁或使用 JavaScript 的 Windows 市集應用程式內的何處選取文字。

HTML5 音訊和視訊

Windows Internet Explorer 支援 HTML5 音訊和視訊,讓您無需附加元件或外部播放程式即可新增播放功能。支援 HTML5 的方式是單純使用 HTML 元素,或使用 JavaScript 中的物件、方法及屬性來執行指令。

HTML5 圖形

本節包含 HTML5 圖形資訊、範例及教學課程。

觸控

本節包含 HTML5 觸控和手勢的相關資訊、範例及教學課程。

 

相關主題

Internet Explorer 10 開發人員指南

 

 

顯示:
© 2014 Microsoft