-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexample.html
More file actions
173 lines (134 loc) · 7.58 KB
/
example.html
File metadata and controls
173 lines (134 loc) · 7.58 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var $j = jQuery.noConflict();
</script>
<script src="scripts/main.js" type="text/javascript"></script>
</head>
<body style="height:1000px;">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="function-list">
<h3>1. 首页KV幻灯效果</h3>
<a target="_blank" href="Function-List/Xslider/examle2.html">Xslider</a><br />
<a target="_blank" href="Function-List/cycle/examle.html">cycle</a><br />
<a target="_blank" href="Function-List/iSlide/index.html">iSlide</a><br />
<h3>2. 多图循环渐隐渐现效果（手写）</h3>
<a target="_blank" href="Function-List/fade/example.html">fade</a><br />
<h3>3. 商品墙的滚动效果</h3>
<a target="_blank" href="Function-List/Xslider/examle.html">Xslider</a><br />
<h3>4. 详情页商品放大镜效果</h3>
<a target="_blank" href="Function-List/cloud-zoom/examle.html">cloud-zoom</a><br />
<a target="_blank" href="Function-List/jqzoom/examle.html">jqzoom</a><br />
<h3>5. 遮罩弹出层</h3>
<a target="_blank" href="Function-List/遮罩弹出层/examle.html">遮罩弹出层</a><br />
<h3>6. 提示弹出层</h3>
<a target="_blank" href="#nogo" class="black-btn width100" onclick="sConfirm('弹出层标题','弹出层说明')"><em>点击</em><span></span></a>
<a target="_blank" href="#nogo" class="black-btn width200" onclick="sAlert('弹出层标题','弹出层说明')"><em>点击</em><span></span></a>
<h3>7. 延迟加载效果</h3>
<a target="_blank" href="Function-List/lazy_load/examle.html">lazy_load</a><br />
<h3>8. 瀑布流模型效果</h3>
<a target="_blank" href="Function-List/jquery.masonry.min/examle.html">jquery.masonry.min</a><br />
<h3>9. 移动端幻灯片效果</h3>
<a target="_blank" href="Function-List/MECarousel/examle.html">MECarousel</a><br />
<h3>10. 倒计时 </h3>
<a target="_blank" href="Function-List/changtime/examle.html">changtime</a><br />
<h3>11. 图片热点缩放效果</h3>
<a target="_blank" href="Function-List/nike-kv-mapresize/example.html">map-resize</a><br />
<h3>12.response page</h3>
<a target="_blank" href="Function-List/converse-index-resize/index.html">response page</a><br />
<h3>13. cool demo</h3>
<a target="_blank" href="Function-List/UA-youriwill/index.html">cool demo</a><br />
<h3>14.轮播demo</h3>
<a target="_blank" href="Function-List/ua-kv/speedform.html">轮播demo</a><br />
<h3>15. 滚动的瀑布墙</h3>
<a target="_blank" href="Function-List/rolling-wall/index.html">auto roll</a><br />
<h3>16. 轮播demo</h3>
<a target="_blank" href="Function-List/anta-kv/index.html">轮播demo</a><br />
<h3>17. tinyscrollbar 自定义滚动条</h3>
<a target="_blank" href="Function-List/tinyscrollbar/index.html" >ms-tinyscrollbar 自定义滚动条</a><br />
<h3>18. 加减号输入框</h3>
<a target="_blank" href="Function-List/input/index.html" >ms-加减号输入框</a><br />
<h3>19. ie6支持fixed</h3>
<a target="_blank" href="Function-List/ie6-fixed/index.html" >ms-ie6支持fixed</a><br />
<h3>20 添加对比</h3>
<a target="_blank" href="Function-List/addToContrast/index.html" >ms-添加对比</a><br />
<h3>21. 轮播demo</h3>
<a target="_blank" href="Function-List/pepsi/ibm-banner/index.html">ibm-banner</a><br />
<h3>22. 轮播demo</h3>
<a target="_blank" href="Function-List/pepsi/pepsi-kv/index.html">pepsi-kv</a><br />
<h3>23. slicing效果</h3>
<a target="_blank" href="Function-List/pepsi/slicing/index.html">slicing</a><br /><br />
<h3>24. 多个倒计时效果</h3>
<a target="_blank" href="Function-List/count-down/count-down.html">页面多个倒计时效果</a><br />
<h3>25. CSS3环形导航</h3>
<a target="_blank" href="Function-List/circle-nav/circle-nav.html">Circle Nav</a>
<h3>26. cloudzoom放大镜兼容ipad与PC</h3>
<a target="_blank" href="Function-List/Ipadcloudzoom/cloudzoom-gallery.htm">cloudzoom 3.0</a>
<h3>27. response 热区、图片</h3>
<a target="_blank" href="Function-List/coachscale/index.html">map SCALE</a>
<h3>28. iscroll 触屏滚动插件</h3>
<a target="_blank" href="Function-List/iscroll_test/index.html" >iscroll</a>
<h3>29. cool preload</h3>
<a target="_blank" href="Function-List/coachpreload/index.html" >cool preload</a>
<h3>30. html5 fantastic demo</h3>
<a target="_blank" href="Function-List/cursorfx/index.html" >html5 fantastic demo</a>
<h3>31. 轮播放大效果（兼容pc端）</h3>
<a target="_blank" href="Function-List/regal/index.html" >轮播放大效果</a>
<h3>32. js实现翻书效果（可兼容EI7-EI9、火狐、Chrome、Opera各流行浏览器）</h3>
<a target="_blank" href="Function-List/special-books/special-books.html" >js实现翻书效果</a>
<h3>33. 自字义拖拽效果（可兼容EI7-EI9、火狐、Chrome、Opera各流行浏览器）</h3>
<a target="_blank" href="Function-List/Home-custom/Home-custom.htm" >自字义拖拽效果</a>
<h3>34. 商品评分</h3>
<a target="_blank" href="Function-List/rating/index.html" >商品评分</a>
<h3>35. 手机瀑布流效果</h3>
<a target="_blank" href="Function-List/手机版瀑布流/test.html" >手机瀑布流效果兼容UC，QQ，Android自带浏览器，safari浏览器，360手机浏览器</a>
<h3>36. 手风琴效果（兼容pc端）</h3>
<a target="_blank" href="Function-List/expanding/index.html" >手风琴效果</a>
<h3>37. 类似手风琴的slider-images特效（兼容pc端）</h3>
<a target="_blank" href="Function-List/rotatingimageslider/index.html" >类似手风琴的slider-images特效</a>
<h3>38. 错误页面移动的火箭特效（兼容pc端）</h3>
<a target="_blank" href="Function-List/rocket/index.html" >错误页面移动的火箭特效</a>
<h3>39. 组图片切换特效（兼容pc端）</h3>
<a target="_blank" href="Function-List/photos/index.html" >组图片切换特效</a>
<h3>40. 广告图片切换特效（兼容pc端）</h3>
<a target="_blank" href="Function-List/advertisement/index.html" >广告图片切换特效</a>
<h3>41. iscroll下拉刷新 + 瀑布流</h3>
<a target="_blank" href="Function-List/iscroll-pulltofresh/index.htm" >iscroll下拉刷新 + 瀑布流</a>
<h3>42.轮播支持自适应、平板手滑</h3>
<a target="_blank" href="Function-List/royaslider/index.html" >轮播s支持自适应、平板手滑</a>
<h3>43.兼容平板的音频/视频播放器</h3>
<a target="_blank" href="Function-List/projekktor/demo.html" >demo</a>
<a target="_blank" href="Function-List/projekktor/demo-coach-example.html" >实例demo</a>
<h3>44.MP3播放器</h3>
<a target="_blank" href="Function-List/jPlayer/index.html" >MP3播放器demo</a>
<h3>45.underscore demo</h3>
<a target="_blank" href="Function-List/underscore/index.html" >underscore demo</a>
<h3>46.抽奖转盘</h3>
<a target="_blank" href="Function-List/round/index.html" >抽奖转盘</a>
<h3>47.sku组合</h3>
<a target="_blank" href="Function-List/SKU_Collection/index.html" >sku组合</a>
<h3>48.rem sprites</h3>
<a target="_blank" href="Function-List/remSprites/index.html" >rem单位 雪碧图</a>
<h3>48.rem sprites rolling</h3>
<a target="_blank" href="Function-List/remSpriteRoll/index.html" >rem单位 雪碧图 数字滚动效果</a>
</div>
<style>
/*以下不属于通用样式*/
.tongyi a,.tongyi div{margin-left:55px;}
h3{ margin-left:30px;}
.function-list a{margin-left:55px; line-height:30px; color:#F00; text-decoration:underline;}
</style>
</body>
</html>