首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 淺談HTML5 服務器推送事件（Server-sent Events）

    淺談HTML5 服務器推送事件（Server-sent Events）

    服務器推送事件（Server-sent Events）是基於WebSocket 協議的一種服務器向客戶端發送事件&數據的單向通訊。目前所有主流瀏覽器均支持服務器發送事件，當然除了Internet Explorer 。 2333...WebS
    2025-02-18
  • js使用原型對象(prototype)需要注意的地方

    js使用原型對象(prototype)需要注意的地方

    我們先來一個簡單的構造函數+原型對象的小程序function CreateObj( uName, uAge ) { this.userName = uName; this.userAge = uAge; }
    2025-02-18
  • HTML實作檢測輸入已完成功能

    HTML實作檢測輸入已完成功能

    使用onInput(event)偵測是否在輸入使用onporpertychange=onChange(event)偵測是否內容髮生改變使用onBlur=finnishInput(event)偵測是否失去焦點可以透過先偵測是否在輸入，記下狀態
    2025-02-18
  • HTML5的文檔結構和新增標籤完全解析

    HTML5的文檔結構和新增標籤完全解析

    一． HTML5 文檔結構1.第一步：打開開發工具，打開指定文件夾；2.第二步：保存index.html 文件到磁盤中，.html 是網頁後綴；3.第三步：開始編寫HTML5 的基本格式。<!DOCTYPE html> //文檔類型聲明
    2025-02-18
  • HTML5微信播放全屏問題的解決方法

    HTML5微信播放全屏問題的解決方法

    在ios和安卓手機裡的微信下播放視頻時，會遇到不少問題，例如需要手動點擊，視頻才會播放，並且視頻會跳出微信框，出現控制條，如果視頻不是騰訊視頻，播放完畢會出現騰訊視頻的廣告推送等問題解決辦法：給video標籤加一些屬性，調用h5原生vide
    2025-02-18
  • canvas裁切clip()函數的具體使用

    canvas裁切clip()函數的具體使用

    在canvas中，可以使用clip()函數來裁切區域，設定裁切區域後，只有在區域內的影像才能顯示，其餘部分會被屏蔽掉未使用裁切繪製一個圓<!DOCTYPE html><html lang=en><head>
    2025-02-18
  • html5 canvas合成海報所遇問題及解決方案總結

    html5 canvas合成海報所遇問題及解決方案總結

    前言：最近做了一個用canvas合成海報圖片的移動端項目，由於一點canvas基礎都沒有，所以去網上搜了一位前輩的demo，但是開發過程中遇到了很多問題，現將所遇問題及解決方法總結如下：1、移動端canvas項目適配全屏問題問題描述：由於c
    2025-02-17
  • 使用phonegap進行本地存儲的實現方法

    使用phonegap進行本地存儲的實現方法

    實例如下：<!DOCTYPE html><html><head><meta charset=UTF-8><title> Database Example</title>
    2025-02-17
  • H5新屬性audio音頻和video視頻的控制詳解（推薦）

    H5新屬性audio音頻和video視頻的控制詳解（推薦）

    本文講訴了H5新屬性audio音頻和video視頻的控制，具體如下：1.音頻（audio）<audio controls=controls><source src=这里面放入音频文件路径></source></audio> 2.視頻（vide
    2025-02-17
  • 詳解html2canvas截圖不能截取圓角圖片的解決方案

    詳解html2canvas截圖不能截取圓角圖片的解決方案

    以前我們只能透過其他的截圖工具來截取影像。現代瀏覽器的功能已經越來越強，隨著H5的逐漸普及，瀏覽器本身就可以截圖啦。 html2canvas就是這樣一款前端插件,它的原理是將Dom節點在Canvas裡邊畫出來。雖然很方便，但有以下限制：不支援
    2025-02-17
  • html轉換為pdf案例的一些總結（多圖推薦）

    html轉換為pdf案例的一些總結（多圖推薦）

    由於工作所需，最近花時間研究了html轉換為pdf的功能。 html轉換為pdf的關鍵技術是如何處理網頁中復雜的css樣式，通過在網上收集資料，發現目前html 轉換為pdf的解決方案主要分為三類：客戶端模式：前後台調用客戶端程序，利用客戶端
    2025-02-17
  • HTML5混合開發二維碼掃描以及呼叫本地相機

    HTML5混合開發二維碼掃描以及呼叫本地相機

    今天主管給了我個需求,說要用混合開發,用H5調用本地攝像頭進行掃描二維碼,我之前有做過原生安卓的二維碼掃一掃,主要是通過調用zxing插件進行操作的，其中還弄了個閃光燈.但是純H5的沒接觸過,心裡沒底,於是晚上回家開始網上各處找方案.以下是
    2025-02-17
  • html5喚起app的方法

    html5喚起app的方法

    h5喚起app這種需求是常見的。在移動為王的時代，h5在app導流上扮演著重要的角色。目前我們採用的喚起方式是url scheme(iOS，Android平台都支援)，只需原生APP開發時註冊scheme， 那麼用戶點擊到此類連結時，就會自動
    2025-02-17
  • 怎樣實現H5+CSS3手指滑動切換圖片的範例程式碼

    怎樣實現H5+CSS3手指滑動切換圖片的範例程式碼

    包含3個檔案：html、slider-H5.js、jquery.js。在html中可配置滑動參數。具體程式碼如下：HTML程式碼：<!DOCTYPE HTML><html><head>
    2025-02-17
  • HTML5聲音錄製/播放功能的實作程式碼

    HTML5聲音錄製/播放功能的實作程式碼

    html代碼：<!DOCTYPE html><html><head><meta http-equiv=Content-Type content=text/html; charset=utf-8 />
    2025-02-17
上一頁 141142143144145146147148149下一頁