首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5+CSS3：3D展示商品信息示例

    HTML5+CSS3：3D展示商品信息示例

    強化下perspective和transform:translateZ的用法。傳統的商品展示或許並不能很好的吸引用戶的注意力，但是如果在展示中添加適當的3D元素，~說不定效果不錯哈~效果圖：說明一下：這個創意不是我想的，哈~模仿別人的，創意
    2025-03-22
  • Canvas 文字轉粒子效果的實作程式碼

    Canvas 文字轉粒子效果的實作程式碼

    本文介紹了Canvas 文字轉粒子效果的實作程式碼，分享給大家，希望對大家有所幫助，具體如下：透過粒子來繪製文字讓人感覺很有意思，配合粒子的運動更會讓這個效果更加酷炫。本文介紹在canvas 中透過粒子來繪製文字的方法。實現原理總的來說要做
    2025-03-22
  • 手把手教你實現一個canvas智繪畫板的方法

    手把手教你實現一個canvas智繪畫板的方法

    本文主要介紹：專案介紹專案效果展示一步步實現專案效果踩坑一、專案介紹名稱：智繪畫板技術堆疊：HTML5，CSS3，JavaScript，行動端功能描述：支援PC端和行動裝置線上繪畫功能實現任意選擇畫筆顏色、調整畫筆粗細以及橡皮檫抹除等繪畫功能實
    2025-03-22
  • 詳解H5本地儲存Web Storage

    詳解H5本地儲存Web Storage

    一、本地存儲由來的背景由於HTML4時代Cookie的大小、格式、存儲數據格式等限制，網站應用如果想在瀏覽器端存儲用戶的部分信息，那麼只能藉助於Cookie。但是Cookie的這些限制，也就導致了Cookie只能存儲一些ID之類的標識符等簡
    2025-03-22
  • 解決canvas轉base64/jpeg時透明區域變成黑色背景的方法

    解決canvas轉base64/jpeg時透明區域變成黑色背景的方法

    在用canvas將png圖片轉jpeg時，發現透明區域被填充成黑色。代碼如下：XML/HTML Code複製內容到剪貼板
    2025-03-22
  • HTML5 canvas基本繪圖之文字渲染

    HTML5 canvas基本繪圖之文字渲染

    與文本渲染有關的主要有三個屬性以及三個方法：上述的屬性和方法的基本用法如下：JavaScript Code複製內容到剪貼板
    2025-03-22
  • HTML5 虛擬鍵盤出現擋住輸入框的解決辦法

    HTML5 虛擬鍵盤出現擋住輸入框的解決辦法

    話不多說，請看代碼：//防止鍵盤把當前輸入框給擋住$$(input[type=text],textarea).on(click, function () { var target = this; setTimeout(function(
    2025-03-21
  • Html5行動端獲獎無縫滾動動畫實現範例

    Html5行動端獲獎無縫滾動動畫實現範例

    本文介紹了Html5行動裝置獲獎無縫滾動動畫實現範例，分享給大家，具體如下：需求分析哈哈，上動態圖真的是一下就明了。就是滾動麼滾動，那麼製作這個有什麼方法呢？讓我們來總結一下:html骨架其實很簡單，最外面的<div>是做固定的窗口，裡面的
    2025-03-21
  • 詳解html5 shiv.js和respond.min.js

    詳解html5 shiv.js和respond.min.js

    本文介紹了html5 shiv.js和respond.min.js，分享給大家，具體如下：做頁面常用的東西，寫這裡用的時候省點去找了。 。 。 html5shiv：解決ie9以下瀏覽器對html5新增標籤的不識別，並導致CSS不起作用的問題。 re
    2025-03-21
  • HTML5 移動頁面自適應手機屏幕四類方法總結

    HTML5 移動頁面自適應手機屏幕四類方法總結

    1、使用meta標籤：viewportH5移動端頁面自適應普遍使用的方法，理論上講使用這個標籤是可以適應所有尺寸的屏幕的，但是各設備對該標籤的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統。 viewport 是用戶網頁的可視區域。翻譯
    2025-03-21
  • 探討HTML不同空格的特性與表現形式(推薦)

    探討HTML不同空格的特性與表現形式(推薦)

    一. 概要在編寫HTML 模板時，有時候會利用空格來充當文字排版的手段，最為常見的情況是在一段文字之間插入空格，來分隔相對獨立的詞彙。但面對這種情況，一般是不會直接使用普通空格（半角空格，即英文輸入法下鍵盤直接輸入的空格），因為當我們期望
    2025-03-21
  • localStorage、sessionStorage使用總結

    localStorage、sessionStorage使用總結

    一、什麼是localStorage、sessionStorage在HTML5中，新加入了一個localStorage特性，這個特性主要是用來作為本地存儲來使用的，解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間
    2025-03-21
  • HTML5+css3：3D旋轉木馬效果相冊

    HTML5+css3：3D旋轉木馬效果相冊

    這篇博客的目的是因為上篇HTML5 CSS3專題誘人的實例CSS3打造百度貼吧的3D翻牌效果中有個關於CSS 3D效果的比較重要的知識點沒講到，就是perspective和tranlateY效果圖：嘿嘿，我把大學畢業時的一些照片，做成旋
    2025-03-21
  • Canvas實作儲存圖片到本機的範例程式碼

    Canvas實作儲存圖片到本機的範例程式碼

    一、簡介需求： 將HTML5的內容儲存為圖片思路： 透過Canvas繪圖產生base64圖片，長按即可儲存至本機問題： canvas禁止跨網域、安卓微信長按無法儲存base64圖片、伺服器所拉取的圖片被壓縮二、具體問題問題1：canvas是禁止
    2025-03-21
  • HTML5頁面直接呼叫百度地圖API取得目前位置直接導覽目的地的實作程式碼

    HTML5頁面直接呼叫百度地圖API取得目前位置直接導覽目的地的實作程式碼

    我是應用在微信中，自訂選單，選單直接連結到這個HTML5頁面，取得目前位置後，頁面中定好目的地，這樣開啟頁面後直接進入導覽頁面可以省下先傳送位置資訊後，點確定再出導航，省一步，<!DOCTYPE html>
    2025-03-21
上一頁 125126127128129130131132133下一頁