首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 基於HTML5陀螺儀實現ofo首頁眼睛移動效果的示例

    基於HTML5陀螺儀實現ofo首頁眼睛移動效果的示例

    最近用ofo小黃車App的時候，發現以前下方掃一掃變成了一個眼睛動的小黃人，覺得蠻有意思的，這裡用HTML5仿一下效果。 ofo眼睛效果效果分析從效果中不難看出，是使用陀螺儀事件實現的。這裡先來看一下HTML5中陀螺儀事件的一些概念。陀螺儀事
    2025-02-07
  • 淺析HTML5中的History 模式

    淺析HTML5中的History 模式

    最近看到vue-router的HTML5 History 模式路由的實現，然後順便又去研究了一下HTML5 的History，以下是自己的一些理解，順便用jquery寫一個實現類似vue-router裡面HTML5 History 模式
    2025-02-07
  • 詳解HTML5中的拖放事件（Drag 和drop）

    詳解HTML5中的拖放事件（Drag 和drop）

    瀏覽器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及Safari 5 支持拖放。註釋：在Safari 5.1.2 中不支持拖放。 HTML5 拖放實例<!DOCTYPE html>
    2025-02-07
  • 使用phonegap檢測網絡狀態的方法

    使用phonegap檢測網絡狀態的方法

    實例如下：<!DOCTYPE html><html><head><meta charset=UTF-8><title> Check NetWork</title>
    2025-02-06
  • HTML中的if判斷用法

    HTML中的if判斷用法

    在django的web開發過程中，編寫html時，從後端傳入同名列表變量，但是內容格式有所區別，需要分別判斷，查閱了很多文章試了好幾種方法，格式似乎都不太對（本人沒有系統學習過前端，基本上都是照葫蘆畫瓢）後來找到django框架下html的i
    2025-02-06
  • canvas實作圓形進度條動畫的範例程式碼

    canvas實作圓形進度條動畫的範例程式碼

    本文介紹了canvas實現圓形進度條動畫，分享給大家，具體如下：先給大家看看效果圖，然後在上程式碼。進度條動畫1. canvas的HTML部分很簡單就一個canvas標籤canvas畫布的寬高是自身的屬性，要在行間樣式設置，若是在style設
    2025-02-06
  • html5+CSS3+JS實現七夕言情功能代碼

    html5+CSS3+JS實現七夕言情功能代碼

    因為今天8月28日就是中國的情人節—七夕，作為程序猿一枚的我就只有在家敲代碼咯！但我還是有一顆脫單的心；製作了h5+css+js界面祝小伙伴們：七夕快樂具體的功能有：1.下雪的背景動畫2.下面的文字逐字顯示，並伴有語音3.中部的圖片3d輪播
    2025-02-06
  • HTML表格_動力節點Java學院整理

    HTML表格_動力節點Java學院整理

    在html中繪製表格使用table標籤tr表示行td表示列th表示表頭，表頭通常用於列名字。下面是一個列子。<html><head><title> Table in html</title></head>
    2025-02-06
  • HTML5 source標籤：媒介元素定義媒介資源

    HTML5 source標籤：媒介元素定義媒介資源

    HTML5 source標籤是一種媒介元素（例如<video>和<audio>）來定義媒介資源。<source>標籤可讓您規定可替換的視訊/音訊檔案供瀏覽器根據它對媒體類型或編解碼器的支援進行選擇。 這裡主機吧跟大家講一下sour
    2025-02-06
  • 用canvas做一個DVD待機動畫的實作程式碼

    用canvas做一個DVD待機動畫的實作程式碼

    免責聲明不是打算教canvas，只是覺得好玩就簡單看了一下。意思就是做得略粗糙，別噴我。 。效果幀數略低，實際上當然流暢得多。實作HTML<!DOCTYPE html><head>
    2025-02-06
  • canvas壓縮圖片以及卡片製作的方法範例

    canvas壓縮圖片以及卡片製作的方法範例

    在做一些活動頁的時候，經常會有一些需要上傳圖片的需求，並且還需要將圖片以及生成的文字以及貼圖生成一張卡可以供用戶可以長按保存。這個需求之前完成過一次，最近又遇上了，使用的都是canvas來實現的。乾脆整理出一篇部落格出來。如果有更好的實作方法
    2025-02-06
  • 詳解使用HTML5 Canvas創建動態粒子網格動畫

    詳解使用HTML5 Canvas創建動態粒子網格動畫

    最近看到一個粒子網格動畫挺炫的，自己也就做了一個，當背景挺不錯的。 CSDN不能上傳超過2M的圖片，所以就簡單截了一個靜態圖片：下面就開始說怎麼實現這個效果吧：首先當然是添加一個canvas了：<canvas id=canvas>
    2025-02-06
  • 解決HTML5手機端頁面縮放的問題

    解決HTML5手機端頁面縮放的問題

    通常在寫HTML5手機端頁面的時候，我們會發現頁面所顯示元素的比例不正確，那此時我們需要添加的就是：<meta name=viewport content=width=device-width,initial-scale=1>或者是
    2025-02-06
  • 你可能不熟練的十個前端HTML5經典面試題

    你可能不熟練的十個前端HTML5經典面試題

    前言從前幾年開始，HTML5流行風盛行，HTML5開發工程師在人才市場中變得非常吃香。作為從事HTML5開發者來說，面試是不可或缺的，本文為大家總結介紹了十道大家可能並不熟練的前端HTML5經典面試題，希望對大家的面試能帶來一定的幫助，下面
    2025-02-06
  • 關於html的表單元素詳解（二）

    關於html的表單元素詳解（二）

    HTML Input 屬性value 屬性value 屬性規定輸入字段的初始值：<form action=><input type=text name=name value=VeVb武林网></form> readonly 屬性readon
    2025-02-06
上一頁 152153154155156157158159160下一頁