首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 詳解Html5原生拖曳操作

    詳解Html5原生拖曳操作

    最近的一次專案開發中用到了H5的拖曳功能，由於現有專案使用的是VUE全家桶，使用了vuedragable這個插件，但是整個過程是比較痛苦的。遂決定從H5拖曳的原理開始研究，然後再將其應用到數據驅動的框架中。在H5中要實現拖放操作，至少需要
    2025-03-17
  • HTML5中圖片之間的縫隙完美解決方法

    HTML5中圖片之間的縫隙完美解決方法

    最近做h5的項目，碰到了一個百思不得其解的問題，幾個img標籤中間有大約3px的空隙如圖：後來百度查了一番，大致了解了原因，是因為瀏覽器把元素當成了字，空隙是給一些對齊字母后仍然長出一截的（例如j,g）預留的。也找到了幾種解決方法，親測可行
    2025-03-17
  • websocket+sockjs+stompjs詳解及實例程式碼

    websocket+sockjs+stompjs詳解及實例程式碼

    最近有專案需求要用到websocket,剛開始以為很簡單，但是隨著遇到問題，深入了解，才知道websocket並不是想像中的那麼簡單，這篇文章主要是考慮websocket在客戶端的使用。 1.http與websockethttp超文本傳輸協議
    2025-03-16
  • 5分鐘弄清楚html5的drag and drop(小結)

    5分鐘弄清楚html5的drag and drop(小結)

    5分鐘弄清楚html5的drag and drop，及其他監聽事件和執行的順序。定義和用法在拖放的過程中會觸發以下事件：在拖曳目標上觸發事件(來源元素):ondragstart - 使用者開始拖曳元素時觸發ondrag - 元素正在拖曳時觸發
    2025-03-16
  • html5中的一些標籤學習(心得)

    html5中的一些標籤學習(心得)

    今天看手冊學習到了HTML5很多屬性。現在總結如下<body bgcolor=BED1A2 text=FFFFFF link=yellow alink=red vlink=blue>Background用來設定頁面的背景，後面是圖片的地址B
    2025-03-16
  • 詳解Canvas實用程式庫Fabric.js使用手冊

    詳解Canvas實用程式庫Fabric.js使用手冊

    簡介什麼是Fabric.js?Fabric.js是一個可以簡化Canvas程式所寫的函式庫。 Fabric.js為Canvas提供所缺少的物件模型, svg parser, 互動和一整套其他不可或缺的工具。由於Fabric.js為國外框架，官方
    2025-03-16
  • HTML5等待加載動畫效果

    HTML5等待加載動畫效果

    廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<div class=loading><p> 100<span></span></p></div> *{margin:0;padding:0;} .loading{
    2025-03-16
  • 基於MUI框架使用HTML5實現的二維碼掃描功能

    基於MUI框架使用HTML5實現的二維碼掃描功能

    Barcode的一個實作案例一、簡介Barcode模組管理條碼掃描，提供常見的條碼（二維碼及一維碼）的掃描識別功能，可呼叫裝置的相機對條碼圖片掃描進行資料輸入。透過plus.barcode可取得條碼碼管理物件。二、實現的效果三、實現程式碼
    2025-03-16
  • HTML5新特性之語意化標籤

    HTML5新特性之語意化標籤

    HTML5新功能簡潔的DOCTYPE：HTML5 只有一個簡單的文件類型：<!DOCTYPE html> ，表示瀏覽器會依照標準模式解析。簡單易記的編碼類型你現在可以在meta 標籤中使用charset：
    2025-03-15
  • html5本地存儲_動力節點Java學院整理

    html5本地存儲_動力節點Java學院整理

    Web Storage是HTML5引入的一個非常重要的功能，可以在客戶端本地存儲數據，類似HTML4的cookie，但可實現功能要比cookie強大的多，cookie大小被限制在4KB，Web Storage官方建議為每個網站5MB。 Web
    2025-03-15
  • canvas實作二維碼和圖片合成的範例程式碼

    canvas實作二維碼和圖片合成的範例程式碼

    上個版本街道一個需求，使用url產生一個二維碼，然後和另外一張圖片合成一張圖拍你，實現思路是這樣的使用jr-qrcode將url生成data:base64供img使用然後使用canvas 將兩張圖合成一張圖片遇到的問題生成圖片之後發現圖片很
    2025-03-15
  • 使用html5實作表格實現標題合併的實例程式碼

    使用html5實作表格實現標題合併的實例程式碼

    使用html5實現表格實現標題合併的實例程式碼這樣的需求不在少數，例如表格中相鄰的列具有相同的內容，那麼標題就完全可以使用一個，那麼合併標題就是十分重要的，讓使用者感覺也會更加人性化，程式碼實例如下:<!DOCTYPE html><html> <h
    2025-03-15
  • 限制html文本框input只能輸入數字和小數點

    限制html文本框input只能輸入數字和小數點

    代碼：<input type=text class=txt name=qty value= onkeyup=this.value=this.value.replace(/[^0-9/.]/g,) /> PS：js實現只能輸入數字和小數點的文本
    2025-03-15
  • HTML5製作表格樣式

    HTML5製作表格樣式

    廢話不多說了，具體代碼如下所示：<!DOCTYPE html><html><head><meta charset=utf-8><title>表格</title><style type=text/css>
    2025-03-15
  • html5利用canvas繪畫二級樹形結構圖的示例

    html5利用canvas繪畫二級樹形結構圖的示例

    上週需要做一個把頁面左側列表內容拖拽到右側區域，並且繪製成關係樹的功能。看了設計圖，第一反應是用html/266906.html">canvas繪製關係線。吭哧吭哧搞定這個功能後，發現用canvas繪圖，有一個很嚴重的缺陷。那就是如果左側關
    2025-03-15
上一頁 128129130131132133134135136下一頁