首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5 Canvas實作360度全景圖的範例程式碼

    HTML5 Canvas實作360度全景圖的範例程式碼

    許多購物網站現在都支援360實體全景影像，可以360度任意選擇查看樣品，這樣對購買者來說是一個很好的消費體驗，網路上有很多這樣的插件都是基於jQuery實現的有收費的也有免費的，其實很好用的一個叫3deye.js的插件。該插件支援桌面與行動終
    2025-01-26
  • HTML5仿微信聊天介面、微信朋友圈實例程式碼

    HTML5仿微信聊天介面、微信朋友圈實例程式碼

    這幾天使用H5開發了一個仿微信聊天前端介面，尤其微信底部編輯器那塊處理的很好，使用HTML5來開發，雖說功能效果並沒有微信那麼全，但是也相當不錯了，可以發送訊息、表情，發送的訊息自動回滾定位到底部，另外可以對訊息、圖片、影片有不同的右鍵處理
    2025-01-26
  • 基於Html5 canvas實現裁切圖片與馬賽克功能及又拍雲上傳圖片功能

    基於Html5 canvas實現裁切圖片與馬賽克功能及又拍雲上傳圖片功能

    1.核心功能此組件功能包含： 圖片裁剪（裁剪框拖動，裁剪框改變大小）； 圖片馬賽克（繪製馬賽克，清除馬賽克）； 圖片預覽、圖片還原（返回原圖、返回處理圖）； 圖片上傳（取得簽名、上傳圖片）。 2.核心邏輯2.1圖片裁切取得裁切框（長方形
    2025-01-26
  • 如何在Canvas中新增事件的方法範例

    如何在Canvas中新增事件的方法範例

    作為一個前端，為元素添加事件是一件司空見慣的事情。可是在Canvas中，其所畫的任何東西都是無法取得的，更別說添加事件，那麼我們對其就束手無策了嗎？當然不是的！我們在平時專案中肯定都用過許多Canvas的框架，我們發現事件在這些框架中已經使
    2025-01-26
  • 如何讓pre和textarea等HTML元素去掉捲軸自動換行自適應文字內容高度

    如何讓pre和textarea等HTML元素去掉捲軸自動換行自適應文字內容高度

    HTML中pre和textarea可以顯示預先格式化的文字。即保留空格和換行符。而不必新增和等HTML元素來新增換行和列印空格。 pre去掉捲軸pre顯示文字內容時是不會自動換行的，此時可以加入一些CSS來解決：<pre> ourjs
    2025-01-25
  • Html5頁面中的返回實作的方法

    Html5頁面中的返回實作的方法

    看到這個題目你可能覺得這是什麼鬼？ 其實我想說的是這種，看下面的錄製:這種互動在H5頁面中比比皆是，點擊城市->彈出城市選擇浮層->按返回按鈕關閉浮層。這些操作都是不要點擊左上角/右上角的關閉按鈕就可以進行的，飛豬的H5是前進出現彈層，返回
    2025-01-25
  • 詳解Html5中video標籤那些屬性和方法

    詳解Html5中video標籤那些屬性和方法

    前言最近在寫一個自訂播放器, 寫之前我們肯定要把播放器的屬性和方法全部過一遍,知彼知己,方能百戰不殆嘛...後面會把自己寫的播放器和踩過的一些坑也上傳上來video標籤行內屬性src：影片的URLposter：影片封面，沒有播放時顯示的圖
    2025-01-25
  • html5 Canvas實現圖片旋轉的範例

    html5 Canvas實現圖片旋轉的範例

    眾所周知canvas是點陣圖，你可以在裡面渲染你要的東西，不過你只能操作canvas的屬性來進行編輯。是說你並不能操作畫進canvas的東西，例如我在canvas裡添加一幅畫，我現在想將那幅畫移動10px，我們並不能直接操作那幅畫，因為我們
    2025-01-25
  • Html5 Canvas動畫基礎碰撞檢測的實現

    Html5 Canvas動畫基礎碰撞檢測的實現

    在Canvas中進行碰撞偵測，大家往往直接採用遊戲引擎(Cocos2d-JS、Egret)或實體引擎(Box2D)內建的碰撞偵測功能，好奇的你有思考過它們的內部運作機制嗎？以下將針對基本的碰撞偵測技術進行解說：1、基於矩形的碰撞偵測所謂碰撞
    2025-01-25
  • HTML5離線應用與客戶端儲存的實現

    HTML5離線應用與客戶端儲存的實現

    支援離線Web 應用開發是HTML5 的另一個重點。所謂離線Web 應用，就是在設備無法上網的情況下仍可運作的應用。開發離線Web 應用程式需要幾個步驟。首先是確保應用程式知道設備是否能上網，以便下一步執行正確的操作。然後，應用程式還必須能訪
    2025-01-25
  • Html5 localStorage入門教學

    Html5 localStorage入門教學

    定義唯讀的localStorage 允許你存取一個Document 的遠端（origin）物件Storage；資料儲存為跨瀏覽器會話。 localStorage 類似sessionStorage，差別在於，資料儲存在localSt
    2025-01-25
  • 詳解快速開發基於HTML5 網路拓撲圖應用

    詳解快速開發基於HTML5 網路拓撲圖應用

    今天開始我們就從最基礎解析如何建構HTML5 Canvas 拓樸圖應用，HT 內部封裝了一個拓樸圖形元件ht.graph.GraphView（以下簡稱GraphView）是HT 框架中2D 功能最豐富的元件，其相關類別庫都在ht.
    2025-01-25
  • 淺析HTML5中的download屬性使用

    淺析HTML5中的download屬性使用

    隨著前端技術的發展，越來越多的業務場景需要前端來處理文件下載。在眾多的方法中，透過<a>標籤的download 屬性實作下載是其中常見也是比較簡單的方法。 download 屬性介紹常規的</a><a>標籤透過href 實現連結跳轉，如果只</a>
    2025-01-25
  • html中常用的轉義字符總結

    html中常用的轉義字符總結

    html中常用的轉義字元總結，具體內容如下所示： 不斷行的空格 半方大的空格 全方大的空格< 小於<> 大於>& &符號" 雙引號© 版權符號©® 已註
    2025-01-24
  • 使用HTML5原生對話方塊元素並輕鬆建立模態方塊元件

    使用HTML5原生對話方塊元素並輕鬆建立模態方塊元件

    HTML 5.2草稿加入了新的dialog元素。但是是一種實驗技術。以前，如果我們想要建立任何形式的模式對話框或對話框，我們需要有一個背景，一個關閉按鈕，將事件綁定在對話框中的方式安排我們的標記，找到一種將訊息傳遞出去的方式對話......
    2025-01-24
上一頁 165166167168169170171172173下一頁