首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • Canvas實現貝賽爾曲線軌跡動畫的範例程式碼

    Canvas實現貝賽爾曲線軌跡動畫的範例程式碼

    最近實現的下圖的效果,跟大家分享一下假如我們要畫下圖曲線的動畫如果每次都畫一條短線連接起來,如下圖被分成五段再看十段要是被分的段數足夠多時每次畫一段很像曲線軌跡了二次貝賽爾曲線/** * 二次貝塞爾曲線動畫* @param {Arra
    2025-02-04
  • html5中canvas圖表實現長條圖的範例

    html5中canvas圖表實現長條圖的範例

    前幾天用到了圖表庫，其中百度的ECharts，感覺做得最好，看它預設用的是canvas，canvas圖表在處理大數據方面比svg好。那我也用canvas來實現一個圖表庫吧，感覺不會太難，先實現個簡單的長條圖。效果如下：主要功能點包括：文本
    2025-02-04
  • 快速解決input[type=file]打開時慢、卡頓的問題

    快速解決input[type=file]打開時慢、卡頓的問題

    為什麼在input標籤類型為file上傳文件時在標籤中設置屬性accpet=image/*，打開本地文件夾的速度特別慢？經過測試發現，在mac裡面safari、Firefox、Chrome(opera不知道為啥老閃退)都沒有卡頓問題在wi
    2025-02-04
  • Html5新增標籤有哪些

    Html5新增標籤有哪些

    今天新學習了9個標籤、<audio>簡單的說就是一個音頻標籤，他的主要常用屬性有src=音頻的路徑controls=controls 控制參數，他就是可以讓其在頁面顯示一個播放器的效果autoplay=autoplay自動播放屬性lo
    2025-02-04
  • 從零實現一個自定義html5播放器的示例代碼

    從零實現一個自定義html5播放器的示例代碼

    本次的分享是一個基於HTML5標籤實現的一個自定義視頻播放器。其中實現了播放暫停、進度拖拽、音量控制及全屏等功能。效果預覽點我查看源碼倉庫。核心思路我相信一定會有些沒有接觸過製作自定義播放器的童鞋對於標籤的認識會停留在此。
    2025-02-04
  • Html5頁面內使用JSON動畫的實現

    Html5頁面內使用JSON動畫的實現

    問題背景有一天我們的UI設計師找到我說，要把頁面中我自己用程式寫的動畫，換成他們給的json動畫，原因是有的動畫很複雜，自己寫起來達不到他們的預期效果（寫到這裡我突然想到一個問題，這麼複雜的動畫為什麼不使用gif。。。。坐我對面的安卓開發小
    2025-02-04
  • 基於HTML5的WebGL實現json和echarts圖表展現在同一個界面

    基於HTML5的WebGL實現json和echarts圖表展現在同一個界面

    突然有個想法，如果能把一些用到不同的知識點放到同一個界面上，並且放到一個盒子裡，這樣我如果要看什麼東西就可以很直接顯示出來，而且這個盒子一定要能打開。我用HT實現了我的想法，代碼一百多行，這麼少的代碼能實現這種效果我覺得還是牛的。先來看看效
    2025-02-04
  • 符合Web標準的超連結

    符合Web標準的超連結

    在HTML 4.0 Strict和XHTML 1.0 STRICT裡不允許在<a>標籤裡使用target屬性,這是一件令網頁設計者懊惱的事.在過渡的規範裡還是允許使用的.但通過一定的方法,我們可以解決這一問題. HTMl4.0規範裡拿</a>
    2025-02-04
  • 如何用canvas實現在線簽名的範例程式碼

    如何用canvas實現在線簽名的範例程式碼

    隨著電腦和網路技術的快速發展，線上簽名技術越來越多的被應用在無紙化辦公中，這種直觀便利的操作不僅可以大幅提升辦公效率，而且使用數位化儲存方式，避開了傳統的紙本簽名存放查閱困難等問題。在我們在日常生活中，已經有許多場景使用線上簽名技術，例如
    2025-02-04
  • HTML5 canvas基本繪圖之圖形組合

    HTML5 canvas基本繪圖之圖形組合

    <canvas></canvas>只是一個繪製圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在<canvas>>元素上繪圖主要有三步：1.獲取<canvas>元素對應的DOM對象，這是一個Canva
    2025-02-04
  • 網站首頁head區代碼專業規範

    網站首頁head區代碼專業規範

    head區是指首頁HTML程式碼的<head>和</head>之間的內容。 必須加入的標籤1.公司版權註釋<!--- The site is designed by Maketown,Inc 06/2000 --->2.網頁顯示在字元集簡體中
    2025-02-04
  • HTML網頁中插入視頻的方法小結

    HTML網頁中插入視頻的方法小結

    現在如果要在頁面中使用video標籤，需要考慮三種情況，支持Ogg Theora或者VP8（如果這玩意兒沒出事的話）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、 Chrome），都不支持的（IE6
    2025-02-04
  • html5中如何將圖片的絕對路徑轉換成文件對象

    html5中如何將圖片的絕對路徑轉換成文件對象

    本文介紹了html5中將圖片的絕對路徑轉換成文件對象，分享給大家，具體如下：將圖片的絕對路徑轉換成base64編碼，請看這篇文章我們先來理解基本知識點：1. 理解HTML5中的FileList物件與file物件。在HTML5中，FileL
    2025-02-04
  • H5 meta小結(前端必看篇)

    H5 meta小結(前端必看篇)

    如下所示： <meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no>
    2025-02-03
  • Web 2.0網站流行使用的顏色元素

    Web 2.0網站流行使用的顏色元素

    以下是三套目前Web 2.0網站流行試用的顏色元素：NeutralsShiny silver [#EEEEEE]Reddit white [#FFFFFF]Magnolia Mag.nolia [#F9F7ED]Interactive ac
    2025-02-03
上一頁 155156157158159160161162163下一頁