首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML頁面自動清理js、css文件的緩存（自動添加版本號）

    HTML頁面自動清理js、css文件的緩存（自動添加版本號）

    在web項目開發過程中，我們經常會引用css、js文件，更新文件後常出現緩存問題（明明更改了代碼，在瀏覽器上訪問的時候卻沒有發生變化），這種情況我們通常採用以下兩種解決方案：1、手動清除瀏覽器緩存2、添加版本號（如layout.css?v
    2025-01-29
  • 利用html5 canvas動態畫餅狀圖的範例程式碼

    利用html5 canvas動態畫餅狀圖的範例程式碼

    本文介紹了利用html5 canvas動態畫餅狀圖的範例程式碼，分享給大家，具體如下：先來看效果圖這裡並沒引用jquery等第三方函式庫，只是用dom操作和canvas的特性寫的。 canvas畫圓大體分為實心圓和空心圓。根據需求分析知道該圓為實
    2025-01-29
  • 詳解HTML5 canvas繪圖基本使用方法

    詳解HTML5 canvas繪圖基本使用方法

    <canvas></canvas>是HTML5中新增的標籤，用於繪製圖形，實際上，這個標籤和其他的標籤一樣，其特殊之處在於該標籤可以獲取一個CanvasRenderingContext2D對象，我們可以透過JavaScript腳本來控制該對
    2025-01-29
  • 使用HTML5 Geolocation實作距離追蹤器

    使用HTML5 Geolocation實作距離追蹤器

    HTML5 Geolocation（地理定位）用於定位使用者的位置。那麼如何實現一個距離追蹤器呢？我的思路是這樣的，前提是瀏覽器支援h5地理定位，在這個基礎上，獲取用戶位置，更新用戶位置，計算距離，顯示到頁面，這樣就簡單實現了一個距離追蹤器，
    2025-01-29
  • 詳解基於canvas的視訊遮罩插件

    詳解基於canvas的視訊遮罩插件

    為一個影片添加一個覆蓋物，從而阻擋影片某個區域，在影片的某一時間段，例如第10到第20分鐘不顯示劃定的這塊區域。應用程式場景包括遮擋衛視圖標、 遮擋影片右下角廣告、 充當馬賽克等。一個長視頻可能包含多個遮罩，每個遮罩有特定的顯示時間（在此
    2025-01-29
  • HTML5拖曳功能實現的拼圖遊戲

    HTML5拖曳功能實現的拼圖遊戲

    具體程式碼如下所示： <!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title> drag拖曳
    2025-01-28
  • HTML5輕鬆實現全螢幕影片背景的範例

    HTML5輕鬆實現全螢幕影片背景的範例

    想在你的網頁首頁全螢幕播放一段影片嗎？而這段影片是作為網頁的背景，不影響網頁內容的正常瀏覽。那我告訴你有Javascript函式庫正合你意，它就是Bideo.js。特性自動調整：Bideo.js可以根據目前瀏覽器視窗的大小自動調整影片尺寸
    2025-01-28
  • 基於Canvas+Vue的彈幕組件的實現

    基於Canvas+Vue的彈幕組件的實現

    最近由於專案需要客製化一個彈幕功能，所以嘗試使用canvas來開發組件。經過測試在一些低端機的效果也沒有明顯的卡頓，和大家交流一下彈幕效果功能介紹支持循環彈幕彈幕不重疊支持選擇軌道數支持彈幕發送使用npm i vue-barrage參數配置
    2025-01-28
  • 淺談Html5多執行緒開發之WebWorkers

    淺談Html5多執行緒開發之WebWorkers

    我們都知道，瀏覽器執行js程式碼是單執行緒的，當頁面腳步執行時，頁面是沒辦法回應別的，直到腳步的結束，而這裡介紹的WebWorkers就可以改變這一切。 WebWorkers是運行在背景的js程式碼，獨立於其他腳本，不會影響頁面的效能。我們可以繼
    2025-01-28
  • HTML5影片播放外掛程式video.js介紹

    HTML5影片播放外掛程式video.js介紹

    video.js是一款很流行的html5影片播放外掛。很適合在行動端播放影片(如微信網頁)，功能強大，且支援降級到flash,相容ie8。官網：http://videojs.com/ git&demo ：http://files.cnbl
    2025-01-28
  • RSS 2.0 規範

    RSS 2.0 規範

    什麼是RSS？ RSS是一種網頁內容聯合格式（web content sydication format）。 它的名字是Really Simple Syndication的縮寫。 RSS是XML的一種。所有的RSS文件都遵循XML 1.0規範
    2025-01-28
  • canvas仿寫貝塞爾曲線的範例程式碼

    canvas仿寫貝塞爾曲線的範例程式碼

    天正在等煙雨，而我在等你，啦啦啦，歡迎關注我的簡書，今天分享的是原創的canvas仿寫貝塞爾曲線方法。具體如下：效果圖：html<canvas id=mycanvas width=500 height=500>您的瀏覽器不支援canvas
    2025-01-28
  • 使用HTML5和CSS3製作一個模態框的範例

    使用HTML5和CSS3製作一個模態框的範例

    本文介紹了使用HTML5和CSS3製作一個模態框的範例，分享給大家，具體如下：源碼範例可能你不想看我下面的一堆冗長的說明，想直接查看源碼或一個線上範例。下面的鏈接，是我使用CSS3 的transition（過渡），opacity（不
    2025-01-28
  • HTML實作雙11搶劵(設定時間開啟搶券的頁面)

    HTML實作雙11搶劵(設定時間開啟搶券的頁面)

    廢話不多說了，直接給大家貼程式碼了，具體程式碼如下圖：<!DOCTYPE html><html lang=en xmlns=http://www.w3.org/1999/xhtml><head>
    2025-01-28
  • 小程式canvas中文字設定居中錨點

    小程式canvas中文字設定居中錨點

    小程式中經常會遇到要產生圖片的需求，圖片一般會加上用戶的頭像和暱稱之類的，頭像只需要把騰訊域名添加到request和download列表中，使用wx.getImageInfo()就可以緩存到本地，成功的回調再加入進canvas中產生圖片。如
    2025-01-28
上一頁 162163164165166167168169170下一頁