首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 詳解如何解決canvas圖片getImageData,toDataURL跨域問題

    詳解如何解決canvas圖片getImageData,toDataURL跨域問題

    一、首先，圖片伺服器需要設定Access-Control-Allow-Origin一般團隊都會有一個專門網域放置靜態資源，例如騰訊是gtimg.com，百度是bdimg.com；或是很多團隊使用的是騰訊雲或阿里雲的服務。而主頁所在域名往
    2025-01-18
  • 行動端開發HTML5頁面點擊按鈕後出現閃爍或黑色背景的解決辦法

    行動端開發HTML5頁面點擊按鈕後出現閃爍或黑色背景的解決辦法

    H5頁面在IOS端測試的時候發現，點選按鈕會閃爍，出現一個黑色的背景一閃而過，影響使用者體驗。最後透過度娘，找到解決方法： 就是為點擊的元素添加一個CSS屬性或全域添加一個css。 -webkit-tap-highlight-color:tr
    2025-01-18
  • 行動端html5模擬長按事件的實作方法

    行動端html5模擬長按事件的實作方法

    為啥寫這篇文章最近接了個需求，要求長按某個標籤顯示刪除一個懸浮的刪除按鈕。這個需求其實在app上很常見，但在行動端h5中，我們沒有長按的事件，所以就需要自己模擬這個事件了。大概效果如下：ps: 為了做個gif還下了app，還得透過郵件寄到
    2025-01-18
  • 詳解左右寬度固定中間自適應html佈局解決方案

    詳解左右寬度固定中間自適應html佈局解決方案

    本文介紹了詳解左右寬度固定中間html">自適應html佈局解決方案，分享給大家，具體如下：a.使用浮動佈局html結構如下<div class=box><div class=left>left</div>
    2025-01-18
  • HTML5 和小程式實現拍照圖片旋轉、壓縮和上傳功能

    HTML5 和小程式實現拍照圖片旋轉、壓縮和上傳功能

    原文網址：github.com/whinc/blog/…最近接到一個發表評論的需求：使用者輸入評論並且可以拍照或從相簿選擇圖片上傳，即支援圖文評論。需要同時在H5 和小程式兩端實現，需求處理圖片的地方較多，本文對H5 端的圖片處理實務做
    2025-01-18
  • HTML5 影片播放(video),JavaScript控制影片的實例程式碼

    HTML5 影片播放(video),JavaScript控制影片的實例程式碼

    具體程式碼如下所示：<html lang=en><head><meta charset=UTF-8><title> Documenttitle><style>figcaption {text-align: center;line-height:
    2025-01-18
  • 傳統HTML頁面實作模組化載入的方法

    傳統HTML頁面實作模組化載入的方法

    對於網站來說很多頁面之間都有大量的共享模組，如頁頭，頁腳和用戶欄等。對於具備後端視圖引擎的框架來說這些共享都比較容易抽取，如asp.net mvc來說就有統一佈局的MasterPage,@Section等功能可以共享視圖模板功能。但對於H
    2025-01-18
  • 淺談HTML5中dialog元素嚐鮮

    淺談HTML5中dialog元素嚐鮮

    對話框（別稱模態框，浮層）是web專案中用於使用者互動的重要部分，我們最常見的就是js中alert()，confirm()，但是這個對話框的不美觀，也不能自訂樣式，所以在開發的過程中，一般會根據自己的需求造輪子或是使用第三方的。對話框的
    2025-01-18
  • canvas實現扭蛋機動畫效果的範例程式碼

    canvas實現扭蛋機動畫效果的範例程式碼

    轉眼間，已經實習了兩個月了，公司每個月都有個會員日的活動要做，這個月的任務是做一個扭蛋機抽獎的活動，數據什麼的都有接口，那麼前端剩下最大的任務就只剩下扭蛋機的動畫實現了。背景本來興高采烈地從網路上找了一個扭蛋機動畫，但發現它是直接用css動
    2025-01-18
  • html5/css3響應式頁面開發總結

    html5/css3響應式頁面開發總結

    一，自適應和響應式的區別自適應是一套模板適應所有終端，但每種設備上看到的版式是一樣的，俗稱寬度自適應。響應式一套模板可適應所有終端，但每種裝置看到的版式可以是不一樣的。雖然響應式/自適應網頁設計會帶來相容各種裝置工作量大、程式碼累贅、載入時間長
    2025-01-18
  • 教你如何一步一步用Canvas寫一個貪吃蛇

    教你如何一步一步用Canvas寫一個貪吃蛇

    之前在慕課網看了幾集Canvas的視頻，一直想著寫點東西練練手。感覺貪吃蛇算是比較簡單的了，當年大學的時候還寫過C語言字符版的，沒想到還是遇到了很多問題。最終效果如下（圖太大的話時間太長錄製gif的軟體有時限…）先定義遊戲區域。貪吃蛇
    2025-01-18
  • 詳解rem 適配佈局

    詳解rem 適配佈局

    現今手機種類繁多且不說iphone系列，安卓手機的種類已經數不勝數了，所以不可能每一款手機都要寫一套佈局樣式，這也是不可能做到的，但是對於越來越精益求精的前端來說，當然要找到一個合理的解決方案。 rem 就是用來自適應佈局的。適配要達到的
    2025-01-18
  • html5 postMessage前端跨域並前端監聽的方法範例

    html5 postMessage前端跨域並前端監聽的方法範例

    有時候會遇到傻X需求，例如前端單點登陸！遇到需求，就要去想解決辦法，這裡我為大家做一個簡單的前端單點登陸的解決方案，用到的就是postMessage跨域資訊傳輸以及onstorage的監聽。本文所用的知識點koa架設靜態資源服務、跨域、p
    2025-01-18
  • 使用HTML5 IndexDB儲存映像和檔案的範例

    使用HTML5 IndexDB儲存映像和檔案的範例

    有一天，我們寫了關於如何在localStorage中保存圖像和檔案的文章，它是關於我們今天可用的實用主義。 然而，localStorage有一些性能影響- 我們將在稍後的博客中討論這個問題- 並且未來期望的方法是使用IndexedDB。
    2025-01-18
  • html中表單提交的實現

    html中表單提交的實現

    表單提交代碼1、原始碼分析<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>
    2025-01-18
上一頁 168169170171172173174175176下一頁