首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 詳解px單位html5響應式方案

    詳解px單位html5響應式方案

    行動端h5響應式方案最近這幾年用得最多的最多的就是rem方案了。這個需要計算根元素的font-size來實作響應式。但這個方案也有一個缺點，就是font-size不為整數的時候一些字體使用rem單位會導致字體顯示的大小有問題，對視覺還原要
    2025-02-03
  • html5使用Drag事件編輯器拖拽上傳圖片的示例代碼

    html5使用Drag事件編輯器拖拽上傳圖片的示例代碼

    本站的編輯器圖片上傳便是使用的這部分Seajs 定義Tools模塊/** * Created by zhaojunlike on 8/22/2017. */define(function (require, exports, module)
    2025-02-03
  • HTML中相似的標籤和屬性的區別詳解

    HTML中相似的標籤和屬性的區別詳解

    【1】<i></i>和標籤相同：都是表示斜體。區別：（1）<em>表示被強調呈現的內容，<i>是物理上的斜體，沒有內容上的意義。 （2）<em>標籤是含有語義的標籤，搜索引擎會了解這些語義。其在HTML中是特意被設定為表</em></i></em>
    2025-02-03
  • canvas裡面如何基於隨機點繪製一個多邊形的方法

    canvas裡面如何基於隨機點繪製一個多邊形的方法

    起因今天在學習《HTML5+Javascript動畫基礎》這本書的時候，在第八章的第三節講到如何用三個彈簧連接三個點來做拉伸運動。做完例子之後，就想到如果是四個點，五個點，怎麼樣。就改寫了一下程式碼，把點的數目變數化。最終的效果是能實現各個
    2025-02-03
  • 基於HTML5+CSS3實現簡單的時鐘效果

    基於HTML5+CSS3實現簡單的時鐘效果

    目的：利用html5，css實現鐘擺效果知識點： 1） 利用position/left/top和calc()實現元素的水平和垂直居中；2） 利用CSS3的animation/transform/transform-origin屬性定義動畫；
    2025-02-03
  • HTML5 本地存儲實現購物車功能

    HTML5 本地存儲實現購物車功能

    在家休陪產假，無聊，看自己以前的項目，突然發現之前寫的購物車都是用數據庫實現的，數據庫實現購物車原則上沒什麼問題，但是需要和數據庫交互，這樣無意之間降低了程序的效率。今天突發奇想，如果能用HTML5本地存儲實現，就會大大增高程序效率。當然，
    2025-02-03
  • 詳解html中的marquee屬性

    詳解html中的marquee屬性

    該標籤不是HTML3.2的一部分，並且只支持MSIE3以後內核，所以如果你使用非IE內核瀏覽器(如：Netscape)可能無法看到下面一些很有意思的效果該標籤是個容器標籤語法：<marquee></marquee>以下是一個最簡單的例子：代
    2025-02-03
  • html5中audio支援音訊格式的解決方法

    html5中audio支援音訊格式的解決方法

    HTML5 Audio標籤能夠支援wav, mp3, ogg, acc, webm等格式，但有個很重要的音樂檔案格式midi(副檔名mid)卻在各大瀏覽器中都沒有內建的支援。不是所有的瀏覽器都支援MP3 OGG之類的，每個瀏覽器因為版權的問
    2025-02-03
  • 淺談Html網頁表格結構化標記的應用

    淺談Html網頁表格結構化標記的應用

    在講網頁表格的結構化標記之前，還是先看幾幅圖片。 Html表格的結構化所謂的結構化，正如上述第一副圖所示，就是把我們的表格劃分為三種：表頭、表體、表尾。從而當我們在修改表體部分的時候，不會影響到其它兩部分，從而解除了耦合，方便我們的應用。結構
    2025-02-03
  • HTML表單元素覆蓋樣式元素問題及其補救之道

    HTML表單元素覆蓋樣式元素問題及其補救之道

    在設計HTML頁面的過程中常會遇到表單元素覆蓋樣式元素所造成的問題，圖一就是一個典型的例子。不要小看這個貌似「低級」的問題，即使一些規模較大的網站上類似的問題也絕不鮮見。本文探討了造成這一問題的根本原因，並提出一種補救方法――之所以說補救辦
    2025-02-03
  • CSS：自訂多彩多姿的網頁連結下劃線

    CSS：自訂多彩多姿的網頁連結下劃線

    CSS本身並沒有直接提供變換HTML連結下劃線的功能，但只要運用一些技巧，我們還是可以讓單調的網頁連結下劃線變得豐富多彩。 一、基本原理首先，自訂HTML連結下劃線的第一步是建立一個圖形，在水平方向重複放置這個圖形即形成下劃線效果。如
    2025-02-03
  • HTML5中的websocket實現直播功能

    HTML5中的websocket實現直播功能

    做視訊直播這一塊，前期研究了很多方案，包括websocket，因為各種原因最後沒有採取這個方案，但還是想記錄一下學習的心得。 WebSocket是HTML5開始提供的一種在單一TCP 連線上進行全雙工通訊的協定。在WebSocket API
    2025-02-03
  • 微信瀏覽器左上角返回按鈕攔截功能

    微信瀏覽器左上角返回按鈕攔截功能

    在微信公眾號開發中，有時需要對瀏覽器左上角返回按鈕進行攔截處理相關的頁面邏輯，而並不是讓頁面直接返回上一頁，之前在這個細節點上的一直實現得不是很好。但看到京東購物公眾號上的效果卻實現得非常好，所以自己也開始了這方面的嘗試。京東的效果如下圖：
    2025-02-03
  • 【HTML5】3D模型--百行代碼實現旋轉立體魔方實例

    【HTML5】3D模型--百行代碼實現旋轉立體魔方實例

    最近研究魔方的玩法，就突然想用HMTL5寫一個魔方的模型，由於魔方是一個3D的立方體，這次就試著用HTML5寫了一個簡單的3D模型。下面是預覽畫面。製作流程首先你需要下載Html5開源庫件lufylegend-1.4.0魔方分為6個面，每個
    2025-02-03
  • htnl5利用svg頁面高斯模糊的方法

    htnl5利用svg頁面高斯模糊的方法

    先在頁面任意區域放上這段程式碼stdDeviation設定模糊量，最低0<svg style=display:none><filter id=blur-effect-1>
    2025-02-03
上一頁 156157158159160161162163164下一頁