<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.js"></script>
<script src="assets/js/handlebars.min.js"></script>
<script src="assets/js/amazeui.widgets.helper.js"></script>
<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" >
<h2 class="am-titlebar-title ">
<img src="http://s.amazeui.org/media/i/brand/amazeui-b.png"/>
</h2>
<nav class="am-titlebar-nav">
<a href="#more" class="">more »</a>
</nav>
</div>
<div class="am-input-group am-datepicker-date" data-am-datepicker="{format: 'dd-mm-yyyy'}">
<input type="text" class="am-form-field" placeholder="日历组件" readonly>
<span class="am-input-group-btn am-datepicker-add-on">
<button class="am-btn am-btn-default" type="button"><span class="am-icon-calendar"></span> </button>
</span>
</div>
<script>
var template = Handlebars.compile('{{>accordion}}'),
data = {
accordionData: {
"id": "doc-accordion-example",
"className": "doc-accordion-class",
"theme": "basic",
"content": [
{
"title": "爱的味道",
"content": "打死打打打打上去问我去发放的规定范围而台湾人",
"active": true
},
{
"title": "东风公司",
"content": "收到我企鹅而且还积极规划和人体微"
},
{
"title": "让他也烦",
"content": "尽快同意让他的首发饿我去吃沃尔沃的发的广泛地"
}
]
}
},
html = template(data.accordionData);
$('body').append(html);
</script>
<div data-am-widget="tabs"
class="am-tabs am-tabs-d2"
>
<ul class="am-tabs-nav am-cf">
<li class="am-active"><a href="[data-tab-panel-0]">青春</a></li>
<li class=""><a href="[data-tab-panel-1]">彩虹</a></li>
<li class=""><a href="[data-tab-panel-2]">歌唱</a></li>
</ul>
<div class="am-tabs-bd">
<div data-tab-panel-0 class="am-tab-panel am-active">
【青春】那时候有多好,任雨打湿裙角。忍不住哼起,心爱的旋律。绿油油的树叶,自由地在说笑。燕子忙归巢,风铃在舞蹈。经过青春的草地,彩虹忽然升起。即使视线渐渐模糊,它也在我心里。就像爱过的旋律,没人能抹去。因为生命存在失望,歌唱,所以才要歌唱。
</div>
<div data-tab-panel-1 class="am-tab-panel ">
【彩虹】那时候有多好,任雨打湿裙角。忍不住哼起,心爱的旋律。绿油油的树叶,自由地在说笑。燕子忙归巢,风铃在舞蹈。经过青春的草地,彩虹忽然升起。即使视线渐渐模糊,它也在我心里。就像爱过的旋律,没人能抹去。因为生命存在失望,歌唱,所以才要歌唱。
</div>
<div data-tab-panel-2 class="am-tab-panel ">
【歌唱】那时候有多好,任雨打湿裙角。忍不住哼起,心爱的旋律。绿油油的树叶,自由地在说笑。燕子忙归巢,风铃在舞蹈。经过青春的草地,彩虹忽然升起。即使视线渐渐模糊,它也在我心里。就像爱过的旋律,没人能抹去。因为生命存在失望,歌唱,所以才要歌唱。
</div>
</div>
</div>
<div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{"animation":"slide","slideshow":true}' >
<ul class="am-slides">
<li>
<img src="http://s.amazeui.org/media/i/demos/bing-1.jpg">
<div class="am-slider-desc">这是标题标题标题标题标题标题标题0</div>
</li>
<li>
<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">
<div class="am-slider-desc">这是标题标题标题标题标题标题标题1</div>
</li>
<li>
<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">
<div class="am-slider-desc">这是标题标题标题标题标题标题标题2</div>
</li>
<li>
<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
<div class="am-slider-desc">这是标题标题标题标题标题标题标题3</div>
</li>
</ul>
</div>
<section data-am-widget="accordion" class="am-accordion am-accordion-default" data-am-accordion='{ "multiple": true }'>
<dl class="am-accordion-item am-active am-disabled">
<dt class="am-accordion-title">
就这样恣意的活着
</dt>
<dd class="am-accordion-bd am-collapse am-in">
<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题, 加一个容器 -->
<div class="am-accordion-content">
置身人群中 <br/> 你只需要被淹没 享受 沉默 <br/> 退到人群后 <br/> 你只需给予双手 微笑 等候
</div>
</dd>
</dl>
<dl class="am-accordion-item">
<dt class="am-accordion-title">
让生命去等候,去等候,去等候,去等候
</dt>
<dd class="am-accordion-bd am-collapse ">
<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题, 加一个容器 -->
<div class="am-accordion-content">
走在忠孝东路 <br/> 徘徊在茫然中 <br/> 在我的人生旅途 <br/> 选择了多少错误 <br/> 我在睡梦中惊醒 <br/> 感叹悔言无尽 <br/> 恨我不能说服自己 <br/> 接受一切教训 <br/> 让生命去等候 <br/> 等候下一个漂流 <br/> 让生命去等候 <br/>等候下一个伤口
</div>
</dd>
</dl>
<dl class="am-accordion-item">
<dt class="am-accordion-title">
我就这样告别山下的家
</dt>
<dd class="am-accordion-bd am-collapse ">
<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题, 加一个容器 -->
<div class="am-accordion-content">
我就这样告别山下的家,我实在不愿轻易让眼泪留下。我以为我并不差不会害怕,我就这样自己照顾自己长大。我不想因为现实把头低下,我以为我并不差能学会虚假。怎样才能够看穿面具里的谎话?别让我的真心散的像沙。如果有一天我变得更复杂,还能不能唱出歌声里的那幅画?
</div>
</dd>
</dl>
</section>
<div data-am-widget="intro"
class="am-intro am-cf am-intro-default"
>
<div class="am-intro-hd">
<h2 class="am-intro-title">你好小娜</h2>
<a class="am-intro-more am-intro-more-top " href="#more">更多细节</a>
</div>
<div class="am-g am-intro-bd">
<div
class="am-intro-left am-u-sm-5"><img src="http://s.am
没有合适的资源?快使用搜索试试~ 我知道了~
html学习Demo,还有AmazeUi懒加载
共72个文件
png:16个
js:14个
xml:9个
5星 · 超过95%的资源 需积分: 16 85 下载量 33 浏览量
2015-10-12
15:44:38
上传
评论
收藏 1.6MB RAR 举报
温馨提示
html学习Demo,还有AmazeUi懒加载,是本人学习js,html,AmazeUi写的写demo,希望能帮到你
资源推荐
资源详情
资源评论
收起资源包目录
ideawork.rar (72个子文件)
ideawork
demo5.html 817B
demo7.html 513B
demo6.html 3KB
demo1.html 3KB
折叠demo.html 9KB
htmlDemo1.iml 296B
ideaworkDemo.iml 296B
.idea
misc.xml 7KB
compiler.xml 709B
uiDesigner.xml 9KB
workspace.xml 41KB
.name 12B
encodings.xml 164B
modules.xml 264B
scopes
scope_settings.xml 143B
copyright
profiles_settings.xml 76B
vcs.xml 164B
assets
js
amazeui.ie8polyfill.min.js 27KB
echo.js 4KB
main.js 168B
amazeui.js 423KB
amazeui.lazyload.min.js 3KB
amazeui.ie8polyfill.js 89KB
amazeui.widgets.helper.min.js 33KB
amazeui.lazyload.js 9KB
jquery.min.js 82KB
app.js 372B
gulpfile.js 2KB
handlebars.min.js 64KB
amazeui.min.js 199KB
amazeui.widgets.helper.js 34KB
i
favicon.png 1024B
transparent.gif 43B
viper_1.jpg 136KB
bmw_m1_hood.jpg 141KB
white.gif 43B
corvette_pitstop.jpg 138KB
viper_corner.jpg 136KB
app-icon72x72@2x.png 7KB
bmw_m3_gt.jpg 160KB
bmw_m1_side.jpg 145KB
examples
admin-chrome.png 4KB
admin-opera.png 4KB
landing.png 4KB
admin-safari.png 4KB
admin-ie.png 4KB
adminPage.png 3KB
landingPage.png 2KB
blogPage.png 3KB
loginPage.png 2KB
sidebarPage.png 2KB
admin-firefox.png 4KB
grey.gif 43B
loading.gif 7KB
movie_icon_loading.png 7KB
startup-640x1096.png 9KB
movie_icon_load_failed.png 6KB
fonts
fontawesome-webfont.svg 306KB
fontawesome-webfont.woff2 55KB
fontawesome-webfont.eot 59KB
FontAwesome.otf 92KB
fontawesome-webfont.woff 70KB
fontawesome-webfont.ttf 119KB
css
amazeui.flat.min.css 251KB
admin.css 5KB
amazeui.css 336KB
amazeui.min.css 250KB
amazeui.flat.css 336KB
app.css 23B
demo4.html 630B
demo3.html 932B
demo2.html 1KB
共 72 条
- 1
资源评论
- Jaslon2016-06-21还不错哦,值得学习!
非花非雾--
- 粉丝: 143
- 资源: 124
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功