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

  • 關於動畫應用的6篇文章推薦
    關於動畫應用的6篇文章推薦
    本文要向Web開發者分享一些乾貨,如果你熱衷於HTML5和CSS3的開發,那麼一定會對下面的這些HTML5動畫應用感興趣。本文在提供示範的同時,也會對部分核心程式碼進行展示與分析,希望各位能夠喜歡。 jQuery盒子漸變動畫選單這款選單的展現形式非常有特點,它並不像其他選單一樣縱向或橫向排列,而是排列在矩形方格中,並且點擊選單項目即可以動畫的方式展開選單的詳細信息,利用CSS3產生非常酷的動畫效果。 D...
    H5教程 1553 2017-06-13 09:41:45
  • 關於動畫示範的文章推薦
    關於動畫示範的文章推薦
    利用HTML5可以繪製許多靜態的圖像,也可以製作一些酷炫的動畫,本文分享了8個利用HTML5和CSS3實現的動畫演示,同時也分享了原始碼供大家下載參考。 1、HTML5 3D點陣列波浪翻滾動畫這個HTML5 Canvas動畫非常壯觀,給人一種破浪起伏的視覺效果。線上示範        源碼下載2、純CSS3實現發光開關切換按鈕這款按鈕非常有...
    H5教程 1456 2017-06-13 09:39:02
  • 關於網路畫板的10篇文章推薦
    關於網路畫板的10篇文章推薦
    超酷的HTML5 Canvas網路畫板程式碼範例詳解在今天的HTML教學裡,我們要學習如何使用HTML5 Canvas實作一個超酷又簡單的網頁畫板功能。在這個教學中,我們可以選擇筆刷的類型、筆刷的大小以及筆刷的顏色,當然作為畫板還需要很多功能,這裡只是最基本的繪製功能,大家可以自己實現類似矩形、橢圓等複雜元素的繪製。你也可以再這裡查看DEMO示範下面我們來簡單地分析一下實作這個HTML5網...
    H5教程 7281 2017-06-13 09:24:31
  • 新增特性如何使用?總結新增特性實例用法
    新增特性如何使用?總結新增特性實例用法
    ECMAScript 6(簡稱ES6)是JavaScript語言的最新標準。因為目前版本的ES6是在2015年發布的,所以又稱為ECMAScript 2015。微信小程式支援絕大部分ES6的新增特性。 Constants(常數)ES6新增了const關鍵字,用來宣告常數,一旦聲明,常數的值就不能改變了。 const只在聲明所在的區塊級作用域內有效。 Scoping(作用域)ES6新增了let關鍵字,用來宣告...
    H5教程 1540 2017-06-13 09:21:20
  • 推薦3D翻牌效果特效(收藏)
    推薦3D翻牌效果特效(收藏)
    今天帶給大家一個CSS3製作的翻牌效果,就是滑鼠移到元素上,感覺可以看到元素背後的訊息。大家如果製作考驗記憶力的連連看、撲克類的遊戲神馬的,甚至給女朋友寫一些話語,放在使用該實例製作的相冊之後都可以嘗試下,哈~效果圖:實例用到的一些CSS3的新屬性: a、-webkit-perspective: 800px;   perspective (透視,視角):屬性定義3...
    H5教程 5205 2017-06-12 16:10:36
  • 有關觸控版頁面的製作方法
    有關觸控版頁面的製作方法
    初入前端,分享一下手機上觸控版輪播器的實現過程,大致功能如下:支援循環滑動寬度可任意設置,不需要與螢幕等寬頁面可縱向滾動可設定回調監聽元素的切換純js,不借助任何第三方函式庫原理假設子元素.item的width為375px,使用絕對定位將所有子元素放在父元素內將父元素.carousel的width設定為375px,與子元素.item寬度相同為父元素.carousel新增觸摸事件:touchstart,...
    H5教程 3538 2017-06-12 15:42:10
  • 有關H5中輪播圖的製作方法
    有關H5中輪播圖的製作方法
    初入前端,分享一下手機上觸控版輪播器的實現過程,大致功能如下:支援循環滑動寬度可任意設置,不需要與螢幕等寬頁面可縱向滾動可設定回調監聽元素的切換純js,不借助任何第三方函式庫原理假設子元素.item的width為375px,使用絕對定位將所有子元素放在父元素內將父元素.carousel的width設定為375px,與子元素.item寬度相同為父元素.carousel新增觸摸事件:touchstart,...
    H5教程 6552 2017-06-12 15:41:16
  • popstate如何使用?總結popstate實例用法
    popstate如何使用?總結popstate實例用法
    這篇文章主要介紹了HTML5之pushstate、popstate操作history,無刷新改變當前url的相關資料,需要的朋友可以參考下一、認識window.historywindow.history表示window對象的歷史記錄,是由用戶主動產生,並接受javascript腳本控制的全域物件。 window物件透過history物件提供對覽器歷史記錄的存取能力。它暴露了一些非常有用的方法和屬性...
    H5教程 5703 2017-06-12 13:43:21
  • 手機頁面的文章推薦10篇
    手機頁面的文章推薦10篇
    這篇文章主要介紹了HTML5對手機頁面長按會貼上複製禁用的解決方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下解決方法如下所示:  直接在CSS 文件中添加下面的程式碼,就可以實現了在手機端禁止貼上複製的功能:XML/HTML Code複製內容到剪貼簿*{       -webkit-tou...
    H5教程 2126 2017-06-12 13:33:14
  • 推薦8篇html5+JavaScript實例教學
    推薦8篇html5+JavaScript實例教學
    <!doctype html><html><head><meta charset=utf-8 /><title>html5 網頁特效 郵箱地址驗證</title>&ltstyle<title>html5 網頁特效 郵箱地址驗證</title>&ltstyle>bodybody,;>
    H5教程 3284 2017-06-12 13:25:41
  • 總結10篇基本繪圖用法實例教程
    總結10篇基本繪圖用法實例教程
    偽類和偽元素皆獨立於文檔結構。它們取得元素的途徑也不是基於id、class、屬性這些基礎的元素特徵,而是在處於特殊狀態的元素(偽類),或是元素中特別的內容(偽元素)。差異總結如下:CSS偽類 (Pseudo-classes):用於為某些選擇器添加特殊的效果,即在元素當前靜態樣式的基礎上添加特殊效果(一般都是動態效果),所以一個元素達到一個特定狀態時,它可能會得到一個偽類的樣式;當狀態改變...
    H5教程 1534 2017-06-12 13:16:59
  • 關於按鈕背景的設計的文章總結
    關於按鈕背景的設計的文章總結
    xml模版,自訂按鈕背景<?xml version="1.0" encoding="utf-8"?><corners android:bottomleftradius="4dp" android:bottomRightRadius="4dp&quot
    H5教程 1635 2017-06-12 12:00:27
  • 總結CreateJS的詳細介紹
    總結CreateJS的詳細介紹
    CreateJS庫是一款HTML5遊戲開發的引擎,是一套可以建構豐富互動體驗的HTML5遊戲的開源工具包,旨在降低HTML5專案的開發難度和成本,讓開發者以熟悉的方式打造更具現代感的網路互動體驗。掌握了CreateJS可以更方便的完成HTML5的遊戲開發。 CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具:EaselJS:簡化處理HTML5畫布Tw...
    H5教程 4870 2017-06-12 11:49:36
  • 分享與火焰特效相關的文章10篇
    分享與火焰特效相關的文章10篇
    Canvas是HTML5中非常重要且有用的東西,我們可以在Canvas上繪製任意的元素,就像你製作Flash一樣。今天我們就在Canvas上來製作一款火焰發射的效果。就像古代的火球砲一樣,而且可以在瀏覽器邊緣反彈,感覺會比較屌。來看看效果圖:我們可以在這裡查看火焰球的DEMO示範當然,我們要來分析一下原始碼,主要是一些JS程式碼。首先很簡單地在頁面上放一個canvas標籤,並且給它點簡單的樣式:&...
    H5教程 2179 2017-06-12 11:45:30
  • 關於HTML5音訊與影片的詳細介紹
    關於HTML5音訊與影片的詳細介紹
    1.Pyglet是什麼:Pyglet是一個純Python語言編寫的跨平台框架,用於開發多媒體和視窗特效應用。為什麼需要它:從頭開發圖形介面應用所需的功能模組是十分繁瑣的,Pyglet提供了大量現成的模組,省去了很多的時間:窗口函數,OpenGL特效,音頻與視頻回放,鍵鼠處理以及圖片處理。 (不過,Pyglet並沒有提供類似按鈕、工具列或選單等UI零件。) 上述所有模組都是在W...
    H5教程 2008 2017-06-12 11:16:47

工具推薦

jQuery企業留言表單聯絡程式碼

jQuery企業留言表單聯絡代碼是簡潔實用的企業留言表單和聯絡我們介紹頁面程式碼。
表單按鈕
2024-02-29

HTML5 MP3音樂盒播放特效

HTML5 MP3音樂盒播放特效是一款以html5+css3為基礎製作可愛的音樂盒表情,點選開關按鈕mp3音樂播放器。
播放器特效
2024-02-29

HTML5酷炫粒子動畫導覽選單特效

HTML5酷炫粒子動畫導覽選單特效是一款導覽選單採用滑鼠懸停變色的特效。
選單導航
2024-02-29

jQuery可視化表單拖曳編輯程式碼

jQuery視覺化表單拖曳編輯程式碼是一款基於jQuery和bootstrap框架製作視覺化表單。
表單按鈕
2024-02-29

有機蔬果供應商網頁範本 Bootstrap5

一款有機蔬果供應商網頁範本-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus
後端模板
2023-02-02

房產資源服務平台網頁範本 Bootstrap5

房產資源服務平台網頁範本 Bootstrap5
Bootstrap模板
2023-02-02

簡約履歷資料網頁範本 Bootstrap4

簡約履歷資料網頁範本 Bootstrap4
Bootstrap模板
2023-02-02

可愛的夏天元素向量素材(EPS+PNG)

這是一款可愛的夏天元素向量素材,包含了太陽、遮陽帽、椰子樹、比基尼、飛機、西瓜、冰淇淋、雪糕、冷飲、游泳圈、夾腳拖、鳳梨、海螺、貝殼、海星、螃蟹、檸檬、防曬乳、太陽眼鏡等等,素材提供了EPS 和免扣PNG 兩種格式,含JPG 預覽圖。
PNG素材
2024-05-09

四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)

這是一款紅色的 2023 畢業徽章向量素材,共四個,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 預覽圖。
PNG素材
2024-02-29

唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)

這是一款由唱歌的小鳥和裝滿花朵的推車設計的春天 banner 向量素材,提供了 AI 和 EPS 兩種格式,含 JPG 預覽圖。
banner圖
2024-02-29

金色的畢業帽向量素材(EPS+PNG)

這是一款金色的畢業帽向量素材,提供了 EPS 和免扣 PNG 兩種格式,含 JPG 預覽圖。
PNG素材
2024-02-27

家居裝潢清潔維修服務公司網站模板

家居裝潢清潔維修服務公司網站範本是一款適合提供居家裝潢、清潔、維修等服務機構宣傳網站範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-05-09

清新配色個人求職履歷引導頁模板

清新配色個人求職履歷引導頁範本是適合清新配色風格的個人求職履歷作品展示引導頁網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-29

設計師創意求職履歷網頁模板

設計師創意求職履歷網頁範本是適合各種不同設計師職缺個人求職履歷展示網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28

現代工程建築公司網站模板

現代工程建築公司網站模板是一款適合從事工程建築服務行業宣傳網站模板下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!