1. 程式人生 > >Html學習,使用AmazeUI實現的一些效果

Html學習,使用AmazeUI實現的一些效果

學習html以後,一直想著能不能做一些比較好看的效果,為了我以後要用html5來做手機開發做基礎,但是一直也只能簡單的寫寫表格,單選等等html基礎的功能,我也學習了html5通過canvas來進行簡單圖形的繪製,但是感覺離我要實現手機端相同功能感覺還很遠,css,div也只能簡單的寫寫。

偶然的看到了AmazeUI這個模板,裡邊有寫好的css,js模板,可以通過簡單的呼叫來實現很多以前我想要實現的功能,雖然不是親手寫的css,div,js,但是慢慢在學習中進步吧,下邊我把效果同貼上,有需要看的可以去搜AmazeUI,然後學習,也可以看看我寫的demo:http://download.csdn.net/detail/u012808234/9163531

實現了的功能:

(1)摺疊

(2)圖片輪播

(3)tab顯示

(4)回到頂部

(5)側滑的選單

(6)日曆


相關推薦

Html學習使用AmazeUI實現一些效果

學習html以後,一直想著能不能做一些比較好看的效果,為了我以後要用html5來做手機開發做基礎,但是一直也只能簡單的寫寫表格,單選等等html基礎的功能,我也學習了html5通過canvas來進行簡單圖形的繪製,但是感覺離我要實現手機端相同功能感覺還很遠,css,div也

tomcat很多時候可以在服務server.xml中可以實現一些效果

apache pre server link base cat 實現 photo access 一、--日誌 <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"

HTML標簽marquee實現滾動效果

int pro return set gin 緩存 wip select lex <?phpinclude "../library/mFunction.php"; /**************選取商品一級分類**********/$result=mysql_que

Python隨機數random模塊學習實現生成6位驗證碼

import ID for循環 list 序列 獲取 大小 前言 字符 一、前言 學習python隨機數random模塊的使用 ,並使用模塊中的函數,實現6位驗證碼生成 二、random模塊 1、random.random() 返回0-1直接的隨機數,類型為float &g

PHP如何實現檔案寫入前追加如依次寫入"我 愛 你"實現效果是"你愛我"

<?php   //因為傳統的寫入是前追加或者覆蓋,所以我們需要先讀取拼接再寫入   $file = file_get_contents('hello.txt');//假設檔案裡面已有"愛我"兩

美化js系統函式alertconfirmprompt實現lightbox效果

美化js系統函式alert,confirm,prompt,並實現lightbox效果注意alert,confirm及prompt並不同於系統的,這個是用層模仿的,並不能掛起程式的執行所以如果需要在確認後執行相關的操作,需要在配置檔案中傳遞迴調函式fn按鈕只提供yes和no兩

原生js的放大鏡怎麼做怎麼實現放大鏡效果_n倍放大鏡

示意圖和思路: 效果圖: 程式碼: <!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><style typ

html實現鈍角效果html實現限制一行字數的顯示超出的部分用省略號(....)來代替

button posit uitext 鄙視 gulp 最新 完全 經典 ava     前端實現div框邊角的鈍化雖然簡單,但是有時候突然想不到,特此寫下幾句實現方法,以便記憶。     實現div框四個角都鈍角的操作:設置 div : border-radius=10p

HTML實現通過超連結下載檔案還附帶一些js輔助函式

下載檔案函式 download (src, fileName) { let $a = document.createElement('a'); $a.setAttribute('href', src); $a.setAttribute('download', fileName);

QMUI Android的學習——(1)引入庫配置主題實現沉浸式狀態列效果

最近進行安卓方面的學習,其中用到了騰訊開源的Android UI框架——QMUI Android,這是一個封裝完善的Android UI元件庫,可以給專案的開發提高了很高的工作效率,但是官方的API文件並不是很詳細,所以需要花費時間通過對官方給出的QMUIDEMO進行學習。 這是官方網站:htt

python學習之網站的編寫(HTMLCSSJS)(五)----------a標籤用於實現網頁的跳轉和頁面具體位置的跳轉

 a標籤既可以實現頁面的跳轉也可以實現具體位置的跳轉,見如下程式碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

有了html頁面進行二次顯示通過html、JavaScript、jQuery的ajax三種技術我可以實現任何介面效果

當前j2ee的web工程開發, 最常用的前端顯示技術,有兩種:html、jsp。 場景: 以html為例,當用戶執行了某個操作,j2ee的web工程反饋了一個html頁面給使用者(其實不是這麼簡單,中間有渲染的過程,這裡略過,就當使用者得到了一個html頁面)。例如點選“新

HTML常用的特殊符號總結 2014年9月12日 22704次瀏覽 html中經常會用到一些特殊符號例如箭頭雪花心形等等這些符號就不用css樣式或者圖片來寫了直接用html特殊符號可以實現

html中經常會用到一些特殊符號,例如箭頭,雪花,心形等等,這些符號就不用css樣式或者圖片來寫了,直接用html特殊符號可以實現。 例如,如下html程式碼: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w

[學習筆記]利用Jquery實現一些動態效果

一、Hide() 和 Show() 1.Jquery可以使用hide()和show()方法實現html元素的隱藏和顯示例項如下:[html] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片<head> <script

html+JS刷圖實現視頻效果

java scrip snap hive image com htm load() logs 網頁播放視頻須要載入播放器,可是通過刷圖也能實現視頻播放的效果 JS中用到Z-index屬性,記錄一篇解說Z-index屬性的博客的地址: http://www.cnblogs

Swift學習的第一個demo講解了一些常用的知識點

tar 回車 override 新的 屬性 知識 常用 let 生命周期 /** 1. OC [UIView alloc] initWithXXX:] Swift UIView(XXX:) 類名() == alloc / init 等價 2. 類

HTML+CSS+JS簡單實現支付寶付款界面效果

6.5 body pre -c css brush ges line col HTML+JS部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 cs動畫基礎(分列效果可用於做瀑布流) 第十五節 (原創) 參考使用表

har orm 顏色 無限 動畫 ext top 效果 rotate <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

事務的學習從jdbc開始:jdbc對事務的支持與實現

如何實現 ransac 阻止 事務隔離 完成後 value 事務提交 val ack   在使用spring對項目進行開發時,所有的事務都是由spring來管理的。這樣一來我們就可以不需要操心事務,可以專心的處理業務代碼。   但是,事務的底層究竟是如何實現的呢?那就從j

html map屬性 coords實現定位圖片裏生成button

nbsp ima ctu ken part blog tips area map The Map element is used to define an image map a clikable link in it. <div class=