第 93 頁-H5教程_html5圖文教程-PHP中文網

目前位置：首頁 > 科技文章 > web前端 > H5教程

方向：: 全部網路3.0 後端開發 web前端資料庫運維開發工具 php框架每日程式設計微信小程式常見問題其他科技 CMS教程 Java 系統教程電腦教學硬體教學手機教學軟體教學手遊教學

分類：: js教程 html教學 css教學 H5教程前端問答 PS教程 Bootstrap教程 Layui教程 Vue.js uni-app Unity ECharts Express框架 JSON Promise 正規表示式 less http edge chrome

最熱

最新

關於動畫應用的6篇文章推薦

本文要向Web開發者分享一些乾貨，如果你熱衷於HTML5和CSS3的開發，那麼一定會對下面的這些HTML5動畫應用感興趣。本文在提供示範的同時，也會對部分核心程式碼進行展示與分析，希望各位能夠喜歡。 jQuery盒子漸變動畫選單這款選單的展現形式非常有特點，它並不像其他選單一樣縱向或橫向排列，而是排列在矩形方格中，並且點擊選單項目即可以動畫的方式展開選單的詳細信息，利用CSS3產生非常酷的動畫效果。 D...

H5教程 1576 2017-06-13 09:41:45
關於動畫示範的文章推薦

利用HTML5可以繪製許多靜態的圖像，也可以製作一些酷炫的動畫，本文分享了8個利用HTML5和CSS3實現的動畫演示，同時也分享了原始碼供大家下載參考。 1、HTML5 3D點陣列波浪翻滾動畫這個HTML5 Canvas動畫非常壯觀，給人一種破浪起伏的視覺效果。線上示範源碼下載2、純CSS3實現發光開關切換按鈕這款按鈕非常有...

H5教程 1474 2017-06-13 09:39:02
關於網路畫板的10篇文章推薦

超酷的HTML5 Canvas網路畫板程式碼範例詳解在今天的HTML教學裡，我們要學習如何使用HTML5 Canvas實作一個超酷又簡單的網頁畫板功能。在這個教學中，我們可以選擇筆刷的類型、筆刷的大小以及筆刷的顏色，當然作為畫板還需要很多功能，這裡只是最基本的繪製功能，大家可以自己實現類似矩形、橢圓等複雜元素的繪製。你也可以再這裡查看DEMO示範下面我們來簡單地分析一下實作這個HTML5網...

H5教程 7299 2017-06-13 09:24:31
新增特性如何使用？總結新增特性實例用法

ECMAScript 6(簡稱ES6)是JavaScript語言的最新標準。因為目前版本的ES6是在2015年發布的，所以又稱為ECMAScript 2015。微信小程式支援絕大部分ES6的新增特性。 Constants(常數)ES6新增了const關鍵字，用來宣告常數，一旦聲明，常數的值就不能改變了。 const只在聲明所在的區塊級作用域內有效。 Scoping(作用域)ES6新增了let關鍵字，用來宣告...

H5教程 1571 2017-06-13 09:21:20
推薦3D翻牌效果特效（收藏）

今天帶給大家一個CSS3製作的翻牌效果，就是滑鼠移到元素上，感覺可以看到元素背後的訊息。大家如果製作考驗記憶力的連連看、撲克類的遊戲神馬的，甚至給女朋友寫一些話語，放在使用該實例製作的相冊之後都可以嘗試下，哈~效果圖：實例用到的一些CSS3的新屬性： a、-webkit-perspective: 800px; perspective （透視，視角）：屬性定義3...

H5教程 5229 2017-06-12 16:10:36
有關觸控版頁面的製作方法

初入前端，分享一下手機上觸控版輪播器的實現過程，大致功能如下：支援循環滑動寬度可任意設置，不需要與螢幕等寬頁面可縱向滾動可設定回調監聽元素的切換純js，不借助任何第三方函式庫原理假設子元素.item的width為375px，使用絕對定位將所有子元素放在父元素內將父元素.carousel的width設定為375px，與子元素.item寬度相同為父元素.carousel新增觸摸事件：touchstart,...

H5教程 3569 2017-06-12 15:42:10
有關H5中輪播圖的製作方法

初入前端，分享一下手機上觸控版輪播器的實現過程，大致功能如下：支援循環滑動寬度可任意設置，不需要與螢幕等寬頁面可縱向滾動可設定回調監聽元素的切換純js，不借助任何第三方函式庫原理假設子元素.item的width為375px，使用絕對定位將所有子元素放在父元素內將父元素.carousel的width設定為375px，與子元素.item寬度相同為父元素.carousel新增觸摸事件：touchstart,...

H5教程 6571 2017-06-12 15:41:16
popstate如何使用？總結popstate實例用法

這篇文章主要介紹了HTML5之pushstate、popstate操作history,無刷新改變當前url的相關資料,需要的朋友可以參考下一、認識window.historywindow.history表示window對象的歷史記錄，是由用戶主動產生，並接受javascript腳本控制的全域物件。 window物件透過history物件提供對覽器歷史記錄的存取能力。它暴露了一些非常有用的方法和屬性...

H5教程 5731 2017-06-12 13:43:21
手機頁面的文章推薦10篇

這篇文章主要介紹了HTML5對手機頁面長按會貼上複製禁用的解決方法的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下解決方法如下所示：直接在CSS 文件中添加下面的程式碼，就可以實現了在手機端禁止貼上複製的功能：XML/HTML Code複製內容到剪貼簿*{ -webkit-tou...

H5教程 2148 2017-06-12 13:33:14
推薦8篇html5+JavaScript實例教學

<!doctype html><html><head><meta charset=utf-8 /><title>html5 網頁特效郵箱地址驗證</title>&ltstyle<title>html5 網頁特效郵箱地址驗證</title>&ltstyle>bodybody,;>

H5教程 3308 2017-06-12 13:25:41
總結10篇基本繪圖用法實例教程

偽類和偽元素皆獨立於文檔結構。它們取得元素的途徑也不是基於id、class、屬性這些基礎的元素特徵，而是在處於特殊狀態的元素（偽類），或是元素中特別的內容（偽元素）。差異總結如下：CSS偽類 (Pseudo-classes)：用於為某些選擇器添加特殊的效果，即在元素當前靜態樣式的基礎上添加特殊效果（一般都是動態效果），所以一個元素達到一個特定狀態時，它可能會得到一個偽類的樣式；當狀態改變...

H5教程 1556 2017-06-12 13:16:59
關於按鈕背景的設計的文章總結

xml模版，自訂按鈕背景<?xml version="1.0" encoding="utf-8"?><corners android:bottomleftradius="4dp" android:bottomRightRadius="4dp&quot

H5教程 1658 2017-06-12 12:00:27
總結CreateJS的詳細介紹

CreateJS庫是一款HTML5遊戲開發的引擎，是一套可以建構豐富互動體驗的HTML5遊戲的開源工具包，旨在降低HTML5專案的開發難度和成本，讓開發者以熟悉的方式打造更具現代感的網路互動體驗。掌握了CreateJS可以更方便的完成HTML5的遊戲開發。 CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具：EaselJS:簡化處理HTML5畫布Tw...

H5教程 4895 2017-06-12 11:49:36
分享與火焰特效相關的文章10篇

Canvas是HTML5中非常重要且有用的東西，我們可以在Canvas上繪製任意的元素，就像你製作Flash一樣。今天我們就在Canvas上來製作一款火焰發射的效果。就像古代的火球砲一樣，而且可以在瀏覽器邊緣反彈，感覺會比較屌。來看看效果圖：我們可以在這裡查看火焰球的DEMO示範當然，我們要來分析一下原始碼，主要是一些JS程式碼。首先很簡單地在頁面上放一個canvas標籤，並且給它點簡單的樣式：&...

H5教程 2200 2017-06-12 11:45:30
關於HTML5音訊與影片的詳細介紹

1.Pyglet是什麼：Pyglet是一個純Python語言編寫的跨平台框架，用於開發多媒體和視窗特效應用。為什麼需要它：從頭開發圖形介面應用所需的功能模組是十分繁瑣的，Pyglet提供了大量現成的模組，省去了很多的時間：窗口函數，OpenGL特效，音頻與視頻回放，鍵鼠處理以及圖片處理。（不過，Pyglet並沒有提供類似按鈕、工具列或選單等UI零件。）上述所有模組都是在W...

H5教程 2038 2017-06-12 11:16:47