首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • Html5新增標籤與樣式及讓元素水平垂直居中

    Html5新增標籤與樣式及讓元素水平垂直居中

    元素的水平垂直居中1、利用table標籤，自備的功能<style> .parent{ border: 1px solid red; height: 500px }
    2025-02-09
  • video結合canvas實現影片線上截圖功能

    video結合canvas實現影片線上截圖功能

    跟大家講解下我前幾天看到的一個有趣小demo：影片線上截圖。以下是我修改並增加了新功能後的效果圖：是不是很酷，其實還挺簡單的，下面就跟大家講講怎麼弄哈。這裡主要分為三大塊功能，首先是第一個：利用URL物件取得影片連結並展示：js的URL物件有
    2025-02-09
  • socket.io 和canvas 實現的共享畫板功能

    socket.io 和canvas 實現的共享畫板功能

    起初只是想要寫個簡單的畫板,後面不知不覺的想起石墨文檔有一個白板功能，就想將當前這個畫布功能，開發成一個簡易版的協作畫板。線上演示：努力部署中，目前需要clone到本地運行。 git 位址2、運行git clone<repository> n
    2025-02-09
  • HTML5語意化元素你真的用對了嗎

    HTML5語意化元素你真的用對了嗎

    HTML5語意元素語意學是研究語言中單字和片語的意思。語意元素=具有意義的元素。 語意元素清楚地描述了它對瀏覽器和開發人員的意義。 非語義元素的範例：<div>和<span>-對其內容一無所知。 語意元素的範例：</span> ，<table>
    2025-02-09
  • canvas繪製表情包的範例程式碼

    canvas繪製表情包的範例程式碼

    本文介紹了canvas繪製表情包的範例程式碼，分享給大家，如下：繪製卡通笑臉var canvas = document.getElementById(canvas);var context = canvas.getContext(2d);
    2025-02-08
  • 詳解android與HTML混合開發總結

    詳解android與HTML混合開發總結

    現在很多的APP中會嵌套HTML5的頁面，例如經常變化的等等，有一部分頁面需要原生Java與HTML5中的js進行交互操作，下面介紹一下android中HTML5的使用：1、關於HTML5種cookie網頁中可能會用到使用者資訊等很多參數
    2025-02-08
  • 詳解如何透過H5（瀏覽器/WebView/其他）喚起本機app

    詳解如何透過H5（瀏覽器/WebView/其他）喚起本機app

    前兩天接到一個無線的需求，我這個小白可是忙活了好幾天……在頁面上有一個連接， 如果用戶安裝了APP，則點擊打開對應的APP如果用戶沒有安裝，則點擊打開對應的設定連線.上網搜尋了一下，基本上都說可以實現，但是實際情況卻不樂觀.當然只是其中的一個
    2025-02-08
  • 使用html5新特性輕鬆監聽任何App自帶返回鍵的範例

    使用html5新特性輕鬆監聽任何App自帶返回鍵的範例

    1.前言如今h5新特性、新標籤、新規範等很多，而且正在不斷完善中，各大瀏覽器商對它們的支持，也是相當給力。身為前端程式設計師，我覺得我們還是有必要積極關注並勇敢地加以實踐。接下來我將和各位分享一個特別好用的h5新特性（目前也不是特別新），輕鬆
    2025-02-08
  • 怎麼改善現有網站為xhtml+CSS結構

    怎麼改善現有網站為xhtml+CSS結構

    我們大部分的設計師依舊在採用傳統的表格版面、表現與結構混雜在一起的方式來建立網站。學習使用XHTML+CSS的方法需要一個過程，使現有網站符合網站標準也不可能一步到位。最好的方法是循序漸進，分階段來逐步達到完全符合網站標準的目標。如果你是新
    2025-02-08
  • html5呼叫相機功能的實作程式碼

    html5呼叫相機功能的實作程式碼

    前言前一天，線上筆試的時候，發現需要瀏覽器同意開啟鏡頭，感覺像是js 呼叫的，由於當時筆試，也沒想到這麼多問題。今天閒來無事，看了下自己的todo，發現有這個呼叫攝影機的todo，才想到
    2025-02-08
  • 如何用H5實現一個觸屏版的輪播器的實例

    如何用H5實現一個觸屏版的輪播器的實例

    初入前端，分享一下手機上觸屏版輪播器的實現過程，大致功能如下：1、支持循環滑動2、寬度可任意設置，不需要與屏幕等寬3、頁面可縱向滾動4、可設置回調監聽元素的切換5、純js，不借助任何第三方庫原理1、假設子元素.item的width為375p
    2025-02-08
  • 原生JS+CSS+HTML 實現時序圖的方法

    原生JS+CSS+HTML 實現時序圖的方法

    之前本人使用React + AntDesign 實現了一個簡單的時序圖，但是後來有了更複雜的需求，並且要求同時展示2000個任務的展示，這就涉及到了性能問題，本人先使用React+antd+ts實現了一個基本滿足下面需求的demo，但是re
    2025-02-08
  • 使用html5 canvas繪製圓環動效

    使用html5 canvas繪製圓環動效

    最近筆者有個需求，需求內容為：一組文字顯示在圓環的周圍，用戶可添加文字，文字圍繞著圓環，每個詞對應圓環周圍的藍色小圓點，當用戶鼠標放在圓環上方小藍點時，實現放射出三角形，再顯示出文字，先看看動圖效果吧！如上圖所示，當滑鼠放在對應
    2025-02-08
  • h5網頁浮水印SDK的實作程式碼範例

    h5網頁浮水印SDK的實作程式碼範例

    在網站瀏覽中，常需要網頁浮水印，以便防止使用者截圖或錄影畫面暴露敏感資訊後，追蹤使用者來源。如我們常用的釘釘軟體，聊天背景就會有你的名字。那麼如何實現網頁浮水印效果呢？網頁水印SDK，實現思路1.能更具獲取到的當前用戶信息，如名字，暱稱，ID等，生成
    2025-02-08
  • 詳解移動端html5頁面長按實現高亮全選文本內容的兼容解決方案

    詳解移動端html5頁面長按實現高亮全選文本內容的兼容解決方案

    最近需要給HTML5的WebAPP在頁面上實現一個複制功能：用戶點擊長按文本會全選文字並彈出系統複製菜單，用戶可以點擊複製進行複制操作，然後粘貼到AppStore搜索對應的應用。之所以不是採用鏈接形式直接跳轉到AppStore對應應用是為了
    2025-02-08
上一頁 150151152153154155156157158下一頁