-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathlearn.html
More file actions
104 lines (104 loc) · 7.15 KB
/
learn.html
File metadata and controls
104 lines (104 loc) · 7.15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wagsn的个人博客 - 一个Andriod开发的程序员个人网站</title>
<meta name="keywords" content="个人博客,Wagsn个人博客" />
<meta name="description" content="Wagsn个人博客，是一个Andrd开发的程序员个人网站，编写学习笔记以供记忆。" />
<link href="css/base.css" rel="stylesheet">
<link href="css/learn.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script src="js/scrollReveal.js"></script>
</head>
<body>
<header>
<div class="logo" data-scroll-reveal="enter right over 1s"><a href="/"><img src="images/logo.png"></a></div>
<nav class="topnav" data-scroll-reveal="enter bottom over 1s after 1s"><a href="index.html"><span>首页</span><span class="en">Home</span></a><a href="about.html"><span>关于我</span><span class="en">About</span></a><a href="manshenghuo.html"><span>慢生活</span><span class="en">Life</span></a><a href="learn.html"><span>碎言碎语</span><span class="en">Doing</span></a><a href="mbfx.html"><span>模板分享</span><span class="en">Share</span></a><a href="learn.html"><span>学无止境</span><span class="en">Learn</span></a><a href="gbook.html"><span>留言</span><span class="en">Saying</span></a></nav>
</header>
<article>
<div class="container">
<h2 class="ctitle"><b>学无止境</b> <span>不要轻易放弃。学习成长的路上，我们长路漫漫，只因学无止境。</span></h2>
<div class="rnav">
<ul>
<li><a href="/jstt/bj/">心得笔记</a></li>
<li><a href="http://www.ip3q.com/">IP查询</a></li>
<li><a href="/jstt/css3/">CSS3|Html5</a></li>
<li><a href="/jstt/web/">网站建设</a></li>
<li><a href="/news/jsex/">JS经典实例</a></li>
<li><a href="/jstt/t/">推荐工具</a></li>
</ul>
</div>
<ul class="cbp_tmtimeline">
<li>
<time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel"data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a> </div>
</li>
</ul>
<div class="page"><a title="Total record"><b>107</b> </a><b>1</b><a href="/news/index_2.html">2</a><a href="/news/index_3.html">3</a><a href="/news/index_4.html">4</a><a href="/news/index_5.html">5</a><a href="/news/index_2.html">></a><a href="/news/index_5.html">>></a></div>
</div>
</aside>
</article>
<footer> Design by DanceSmile <a href="/">蜀ICP备11002373号-1</a> </footer>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
(function(){
window.scrollReveal = new scrollReveal({reset: true});
})();
};
</script>
</body>
</html>