- 方向:
- 全部 網路3.0 後端開發 web前端 資料庫 運維 開發工具 php框架 每日程式設計 微信小程式 常見問題 其他 科技 CMS教程 Java 系統教程 電腦教學 硬體教學 手機教學 軟體教學 手遊教學
- 分類:
-
- 關於動畫應用的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篇文章推薦
- 超酷的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翻牌效果特效(收藏)
- 今天帶給大家一個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中輪播圖的製作方法
- 初入前端,分享一下手機上觸控版輪播器的實現過程,大致功能如下:支援循環滑動寬度可任意設置,不需要與螢幕等寬頁面可縱向滾動可設定回調監聽元素的切換純js,不借助任何第三方函式庫原理假設子元素.item的width為375px,使用絕對定位將所有子元素放在父元素內將父元素.carousel的width設定為375px,與子元素.item寬度相同為父元素.carousel新增觸摸事件:touchstart,...
- H5教程 6552 2017-06-12 15:41:16
-
- popstate如何使用?總結popstate實例用法
- 這篇文章主要介紹了HTML5之pushstate、popstate操作history,無刷新改變當前url的相關資料,需要的朋友可以參考下一、認識window.historywindow.history表示window對象的歷史記錄,是由用戶主動產生,並接受javascript腳本控制的全域物件。 window物件透過history物件提供對覽器歷史記錄的存取能力。它暴露了一些非常有用的方法和屬性...
- H5教程 5703 2017-06-12 13:43:21
-
- 手機頁面的文章推薦10篇
- 這篇文章主要介紹了HTML5對手機頁面長按會貼上複製禁用的解決方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下解決方法如下所示: 直接在CSS 文件中添加下面的程式碼,就可以實現了在手機端禁止貼上複製的功能:XML/HTML Code複製內容到剪貼簿*{ -webkit-tou...
- H5教程 2126 2017-06-12 13:33:14
-
- 推薦8篇html5+JavaScript實例教學
- <!doctype html><html><head><meta charset=utf-8 /><title>html5 網頁特效 郵箱地址驗證</title><style<title>html5 網頁特效 郵箱地址驗證</title><style>bodybody,;>
- H5教程 3284 2017-06-12 13:25:41
-
- 總結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"
- H5教程 1635 2017-06-12 12:00:27
-
- 總結CreateJS的詳細介紹
- CreateJS庫是一款HTML5遊戲開發的引擎,是一套可以建構豐富互動體驗的HTML5遊戲的開源工具包,旨在降低HTML5專案的開發難度和成本,讓開發者以熟悉的方式打造更具現代感的網路互動體驗。掌握了CreateJS可以更方便的完成HTML5的遊戲開發。 CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具:EaselJS:簡化處理HTML5畫布Tw...
- H5教程 4870 2017-06-12 11:49:36
-
- 分享與火焰特效相關的文章10篇
- Canvas是HTML5中非常重要且有用的東西,我們可以在Canvas上繪製任意的元素,就像你製作Flash一樣。今天我們就在Canvas上來製作一款火焰發射的效果。就像古代的火球砲一樣,而且可以在瀏覽器邊緣反彈,感覺會比較屌。來看看效果圖:我們可以在這裡查看火焰球的DEMO示範當然,我們要來分析一下原始碼,主要是一些JS程式碼。首先很簡單地在頁面上放一個canvas標籤,並且給它點簡單的樣式:&...
- H5教程 2179 2017-06-12 11:45:30
-
- 關於HTML5音訊與影片的詳細介紹
- 1.Pyglet是什麼:Pyglet是一個純Python語言編寫的跨平台框架,用於開發多媒體和視窗特效應用。為什麼需要它:從頭開發圖形介面應用所需的功能模組是十分繁瑣的,Pyglet提供了大量現成的模組,省去了很多的時間:窗口函數,OpenGL特效,音頻與視頻回放,鍵鼠處理以及圖片處理。 (不過,Pyglet並沒有提供類似按鈕、工具列或選單等UI零件。) 上述所有模組都是在W...
- H5教程 2008 2017-06-12 11:16:47