首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • html5 input輸入即時偵測以及延時最佳化

    html5 input輸入即時偵測以及延時最佳化

    有個項目是，這麼個情況，輸入框，即時監測輸入，觸發請求。第一個想法是input 上的onchange()方法，試了一下，不好用，是值等更改確認了，才會觸發，不即時。上網查了一下，$(#fix).on(input propertychange,
    2025-01-23
  • Html5 APP中監聽回傳事件處理的方法範例

    Html5 APP中監聽回傳事件處理的方法範例

    使用MUI框架的時候，我們常常會用到一個頭部有.mui-action-back的class<header class=mui-bar mui-bar-nav>
    2025-01-22
  • 詳解Html5微信支付爬坑之路

    詳解Html5微信支付爬坑之路

    前言在開發微信公眾號活動中，由於之前沒有接觸過與微信相關的開發，所以導致掉坑，爬坑，不過也讓我對微信公眾和微信官方文檔的熟悉大大增加。爬坑之路爬坑一：單頁SPA和後端路由的問題爬坑二：安卓大概率調起微信支付失敗（引入微信的js-sdk包失敗
    2025-01-22
  • canvas進階如何畫出平滑的曲線

    canvas進階如何畫出平滑的曲線

    背景概要相信大家平常在學習canvas 或專案開發中使用canvas的時候應該都遇過這樣的需求：實作一個可以書寫的畫板小工具。嗯，相信這對canvas使用較熟的童鞋來說僅僅只是幾十行程式碼就可以搞掂的事情，以下demo就是一個再也簡單不過
    2025-01-21
  • Html5 video 上傳預覽圖片視頻，設定、預覽影片某秒的海報幀

    Html5 video 上傳預覽圖片視頻，設定、預覽影片某秒的海報幀

    本文介紹了Html5 video 上傳預覽圖片視頻，設置、預覽視頻某秒的海報幀，分享給大家，具體如下：當一收到上傳圖片視頻並可以動態設置視頻顯示的海報幀的需求時，主要想的是怎麼樣解析影片並取得保存每幀的圖片，百度出來的大多是類似下面這種需要
    2025-01-21
  • 組合CLASS來完成網頁佈局風格

    組合CLASS來完成網頁佈局風格

    我是這樣來做DIV佈局程式碼的．不知道說的清楚不清楚，湊和看吧我的想法是未來能這樣：用標準件的方式來組裝網頁DIV佈局我把class分為２種，佈局class，風格class，佈局class是骨架，風格class是衣服舉個例子：例如佈局中的左欄
    2025-01-21
  • 詳解三種方式實現平滑滾動頁面到頂部的功能

    詳解三種方式實現平滑滾動頁面到頂部的功能

    背景最近開發公司的公眾號H5，做了一個點擊icon滾動到頂部的功能。實作功能比較簡單，直接呼叫window.scrollTo(0, 0)，一行程式碼完成。但是作為一個攻城獅，怎麼可能對自己要求這麼低，所以我給自己加了個需求，實現平滑滾動頁面
    2025-01-20
  • 使用PDF.JS外掛程式在HTML中預覽PDF檔案的方法

    使用PDF.JS外掛程式在HTML中預覽PDF檔案的方法

    PDF.js是一款基於HTML5建立的PDF閱讀器，相容於大部分主流的瀏覽器，使用起來，也相對簡單。步驟如下：1.下載PDF.js外掛下載位址：http://mozilla.github.io/pdf.js/getting_started/#
    2025-01-20
  • HTML使用相對路徑取得各級目錄下檔案方式詳解

    HTML使用相對路徑取得各級目錄下檔案方式詳解

    相對路徑的概念以目前檔案所在位置為參考點，建立目標檔案的路徑。絕對路徑的概念整個檔案的完整路徑，例如X:/www/web/index.html，或http://waldo.com.cn/index.html。這兩者都屬於絕對路徑。相對路徑
    2025-01-18
  • Html5 canvas實作粒子時鐘的範例程式碼

    Html5 canvas實作粒子時鐘的範例程式碼

    我們先來看看粒子時鐘的效果，如下：下面我們將透過canvas和js實現，首先要建立一個html檔案並加入一個canvas畫布，如下：<!DOCTYPE html><html lang=en><head>
    2025-01-18
  • 用canvas畫心電圖的範例程式碼

    用canvas畫心電圖的範例程式碼

    本文介紹了用canvas畫心電圖的範例程式碼，分享給大家，具體如下：效果圖：想法：1.模擬點（如果你有真實的數據，那就是把數據幻化成canvas對應的座標點） 模擬點時注意的點就是高起部分需要對稱以及為了好看要隨機出現上上下下2.畫線
    2025-01-18
  • HTML5中使用json物件的實例程式碼

    HTML5中使用json物件的實例程式碼

    以下透過實例程式碼為大家介紹HTML5中使用json物件的方法，具體程式碼如下圖所示：<!DOCTYPE html><html><head><meta charset=UTF-8>
    2025-01-18
  • html5新特性與用法大全

    html5新特性與用法大全

    有好多小夥伴私聊我問我html5新特性和用法，下面我要跟大家具體介紹一下html5都新加了哪些新特性，下面我要跟大家總結一下。 1)新的語意標籤footer header 等等2）增強型表單表單2.0 3）音訊和視訊4）canvas 繪
    2025-01-18
  • HTML5新標籤相容—&amp;gt; 的兩種方法

    HTML5新標籤相容—&amp;gt; 的兩種方法

    第一種方法：(使用html5shiv)<!--[if lt IE9]><script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script>
    2025-01-18
  • HTML中兩個tabs導覽衝突問題的解決方法

    HTML中兩個tabs導覽衝突問題的解決方法

    先來一個問題描述吧:在同一個頁面,兩個tabs一個要float:left,一個要flaot:right,就產生了衝突;原因:沒有仔細定位到每個div裡面的控件,使用了全局的定義導致了會一起變化;後來一層層精確定位到了各個的層,就OK啦.CS
    2025-01-18
上一頁 167168169170171172173174175下一頁