Article Tags
H5行動端做一個不限個數的通欄按鈕的範例程式碼詳解
行動端H5做一個不限個數的通欄按鈕by FungLeo前言在行動端h5的頁面上經常需要一些通欄的按鈕.當然,要做一個通欄的按鈕這個事兒還是巨簡單的.可是,產品經理和設計師永遠都會給你添點麻煩.比如,明明是格式一樣的按鈕,但這裡是一個通欄的按鈕,到下面,就變成了通欄需要兩個按鈕,進到內頁,就是三個按鈕擠在一個通欄上.如果沒有一個合理的解決方法,那麼,無疑是非常噁心的.因為,我們必須寫多個樣式.而我們
Mar 10, 2017 pm 04:49 PM
H5行動端各種各樣的列表的製作方法(七最終章)
行動端H5各種各樣的列表的製作方法(七最終章) by FungLeo前情回顧前五章的學習地址: 《移動端H5各種各樣的列表的製作方法(一)》 《移動端H5各種各樣的列表的製作方法(二)》 《移動端H5各種各樣的列表的製作方法(三)》 《移動端H5各種各樣的列表的製作方法(四)》 《移動端H5各種各樣的列表的製作方法(五)》 《移動端H5各種各樣的列表的製作方法(六)》 如果你是先看到
Mar 10, 2017 pm 04:46 PM
H5行動端各種各樣的列表的製作方法(六)
在前面兩章中,講的都是兩列佈局的圖文列表.而事實上,兩列佈局的圖文列表還是比較簡單的.這一章,我們將要更進一步來挑戰難度.實現一個相對來說,非常複雜的佈局方式.
Mar 10, 2017 pm 04:44 PM
H5行動端各種各樣的列表的製作方法(五)
在第四章中,我們學習瞭如何來做一個雙列的圖文列表.但是,這個圖文列表是有一定的局限的.局限就是,其中的圖片必須為正方形.
Mar 10, 2017 pm 04:42 PM
H5行動端各種各樣的列表的製作方法詳解(四)
前面三章,都是說一個普通的列表應該如何去實現.難度由易到難,但總的來說,一看就能掌握.這一章,我們來做圖文列表.兩列的圖文列表是非常常見的.在JD\TB等電商行動端H5更是比比皆是.這裡,我們先來做一個最簡單的.
Mar 10, 2017 pm 04:39 PM
H5行動端各種各樣的列表的製作方法(二)
移動端各種各樣的列表的製作方法(二）前情回顧在上一篇博文《移動端各種各樣的列表的製作方法(一)》中,我們通過兩個簡單的DEMO,演示了一下在移動端H5中的列表製作.不過,這兩個演示還是太簡單了.可能大家覺得不過如此嘛.這一章,我們將製作稍微複雜一點點的列表. 如果你是先看到的這篇文章,建議您先去上面的連結,把對應的內容給看一下,這樣上下文連貫,更容易理解本文的內容.帶右箭
Mar 10, 2017 pm 04:31 PM
H5行動端各種各樣的列表的製作方法(一)
移動端各種各樣的列表的製作方法(一) by FungLeo前言隨著移動互聯網的發展,大量前端人員從pc端轉移動端.而很多PC端的前端經驗並不適用於移動端.前幾日我撰寫的一篇博文《移動端H5的一些基本知識點總結》獲得了大量的點擊量.因此,FungLeo決定,在接下來的時間裡,我將圍繞移動端,展開一系列的教程. 本系列文章的CSS部分,將全部採用SASS語法撰寫.如果您不會SASS,建議閱讀相關教程
Mar 10, 2017 pm 04:28 PM
HTML5/CSS3 網頁載入進度條的實現，下載進度條等經典案例
今天帶給大家一個比較炫的進度條，進度條在一耗時操作上給用戶一個比較好的體驗，不會讓用戶覺得在盲目等待，對於沒有進度條的長時間等待，用戶會任務死機了，毫不猶豫的關掉應用；一般用於下載任務，刪除大量任務，網頁加載等；如果有使用html5為手機佈局的，也可以用於手機中~效果圖：1、html結構：
Mar 10, 2017 pm 04:15 PM
HTML5/CSS3 3D立方體旋轉動畫經典案例
前面的3D商品展示中已經說過如何製作立方體，而那個上面還有數字，理論上說比這個複雜，雖然木有這個炫~這裡就不多說了。
Mar 10, 2017 pm 04:13 PM
HTML5/CSS3專題 canvas 模擬實作電子彩票刮刮樂範例程式碼（圖）
今天帶給大家一個刮刮樂的小例子~基於HTML5 canvas的，有興趣的可以改成android版本的，或者其他的~效果圖：貼一張我中500w的照片，咋辦啊，怎麼花呢~好了，下面開始原理：1、刮獎區域兩個Canvas，一個是front ， 一個back ，front遮蓋住下面的canvas。 2.canvas預設填滿了一個矩形，將下面canvas效果圖遮蓋，然後監
Mar 10, 2017 pm 04:06 PM
HTML5/CSS3專題 3D展示商品資訊的經典案例
強化下perspective和transform:translateZ的用法。傳統的商品展示或許並不能很好的吸引用戶的注意力，但是如果在展示中添加適當的3D元素，~說不定效果不錯哈~效果圖：說明一下：這個創意不是我想的，哈~模仿別人的，創意應該是w3cplus上的。當然了，重點是教大家如何做，就當高仿了~首先，先教大家利用CSS3製作一個正方體：在木有CSS
Mar 10, 2017 pm 03:55 PM
HTML5/CSS3專題 CSS3打造百度貼吧的3D翻牌效果的經典案例
首先感謝w3cfuns的老師~今天為大家帶來一個CSS3製作的翻牌效果，就是滑鼠移到元素上，感覺可以看到元素背後的訊息。大家如果製作考驗記憶力的連連看、撲克類的遊戲神馬的，甚至給女朋友寫一些話語，放在使用該實例製作的相冊之後都可以嘗試下，哈~效果圖：實例用到的一些CSS3的新屬性： a、-webkit-perspective: 800px; perspective
Mar 10, 2017 pm 03:44 PM
HTML5/CSS3 誘人的實例 -模仿優酷影片截圖功能的詳解
一般的視頻網站對於用戶上傳的視頻，在用戶上傳完成後，可以對播放的視頻進行截圖，然後作為視頻的展示圖。專案中也可以引入這樣的功能給使用者一種不錯的體驗，而不是讓使用者額外上傳一張展示圖。效果圖：看起來還是很不錯，下面我要跟大家分析下，極度核心程式碼很簡單：_canvas = document.createElement(canvas);_ctx = _canvas.getConte
Mar 09, 2017 pm 04:42 PM
HTML5/CSS3 經典案例-無外掛拖曳上傳圖片（二）
上一篇已經實現了這個項目的整體的HTML和CSS：HTML5 CSS3 經典案例：無插件拖曳上傳圖片（支持預覽與批量） （一）這篇博客直接在上篇的基礎上完成，最終效果：效果圖1：效果圖2：好了，請容許我把圖片貼了兩遍，方便大家看效果了~可以看出我們的圖片的li的html其實還是挺複雜的，於是我把html文檔做了一些修改：
Mar 09, 2017 pm 04:38 PM
熱門工具標籤
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
刺客信條陰影：貝殼謎語解決方案
Windows 11 KB5054979中的新功能以及如何解決更新問題
在哪裡可以找到原子中的起重機控制鑰匙卡
如何修復KB5055523無法在Windows 11中安裝？
Inzoi：如何申請學校和大學
熱工具
vc9-vc14（32+64位元）運行庫合集（連結在下方）
phpStudy安裝所需運行函式庫集合下載
VC9 32位
VC9 32位元 phpstudy整合安裝環境運行庫
php程式設計師工具箱完整版
程式設計師工具箱 v1.0 php整合環境
VC11 32位
VC11 32位元 phpstudy整合安裝環境運行庫
SublimeText3漢化版
中文版，非常好用
