-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (174 loc) · 7.44 KB
/
index.html
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
174
175
176
177
178
179
180
181
182
<html>
<head>
<meta charset="utf-8">
<title>jqduang_jqvalidate_jqmodal_jqgallery_jqfixed_jqsimulation-jqduang.com</title>
<meta name="keywords" content="jqduang,jqvalidate,jqmodal,jqgallery,jqfixed,jqsimulation,前端特效,网页特效,焦点图,幻灯片,滑动门,滚动图片,无缝滚动,图片切换,表单验证,弹出层,对话框,模拟下拉列表,模拟单选框"/>
<meta name="description" content="Mr.jqDuang,前端特效,网页特效,焦点图,幻灯片,滑动门,滚动图片,无缝滚动,图片切换,表单验证,弹出层,对话框,模拟下拉列表,模拟单选框,用少的代码做多的效果,复杂的问题交给我来做,您只要轻轻一行代码就行！"/>
<link rel="stylesheet" href="css/global.css">
</head>
<body class="bg">
<nav class="nav">
<ul class="wrap cf">
<li><a class="act" title="jqDuang"><span>首页</span></a></li>
<li><a href="jqduang/" title="网页特效"><span>jqDuang</span></a></li>
<li><a href="jqvalidate/" title="表单验证"><span>jqValidate</span></a></li>
<li><a href="jqmodal/" title="弹出层"><span>jqModal</span></a></li>
<li><a href="jqgallery/" title="图片相册"><span>jqGallery</span></a></li>
<li><a href="jqfixed/" title="jqfixed"><span>jqFixed</span></a></li>
<li><a href="jqSimulation/" title="模拟select"><span>jqSimulation</span></a></li>
<li><a href="aboutus/" title="关于我们"><span>关于jqDuang</span></a></li>
</ul>
</nav><!-- /nav -->
<div class="wrap">
<section class="area">
<div class="effect-wrap w50p">
<iframe width="560" height="336" name="demo1" frameborder="0" scrolling="no"></iframe>
</div>
<div class="config-wrap w50p">
<h2>配置选项</h2>
<!-- 表单 -->
<form action="jqduang/demo1.html" method="get" target="demo1">
<input type="hidden" name="cell" value=".thumb"/>
<input type="hidden" name="obj" value="li"/>
<input type="hidden" name="prevbtn" value=".prev"/>
<input type="hidden" name="nextbtn" value=".next"/>
<ul>
<li>
<label>切换效果(effect)</label>：
<select name="effect">
<option data-tipinfo="淡进淡出" value="fade">fade</option>
<option data-tipinfo="褶皱效果" value="fold">fold</option>
<option data-tipinfo="左滚动" value="left">left</option>
<option data-tipinfo="左循环滚动" value="leftLoop">leftLoop</option>
<option data-tipinfo="左滚动" value="top">top</option>
<option data-tipinfo="右循环滚动" value="topLoop">topLoop</option>
</select>
</li>
<li>
<label>切换速度(speed)</label>：
<select name="speed">
<option value="100">100ms</option>
<option value="200">200ms</option>
<option selected="selected" value="300">300ms</option>
<option value="400">400ms</option>
<option value="500">500ms</option>
</select>
</li>
<li>
<label>自动切换(autoplay)</label>：
<select name="autoplay">
<option value="1">是</option>
<option value="0">否</option>
</select>
</li>
<li>
<label>触发方式(trigger)</label>：
<select name="trigger">
<option data-tipinfo="鼠标悬停切换" value="mouseover">mouseover</option>
<option data-tipinfo="鼠标点击切换" value="click">click</option>
</select>
</li>
<li>
<label>显示标题(showtit)</label>：
<select name="showtit">
<option value="1">是</option>
<option value="0">否</option>
</select>
</li>
<li>
<label>切换间隔时间(interval)</label>：
<select name="interval">
<option value="2000">2000ms</option>
<option selected="selected" value="3000">3000ms</option>
<option value="4000">4000ms</option>
<option value="5000">5000ms</option>
</select>
</li>
<li>
<label>鼠标悬停(overstop)</label>：
<select name="overstop">
<option data-tipinfo="鼠标悬停停止切换" value="1">是</option>
<option data-tipinfo="鼠标悬停继续切换" value="0">否</option>
</select>
</li>
<li>
<label>初始值(index)</label>：
<select name="index">
<option data-tipinfo="初始值0,从0开始" value="0">0</option>
<option data-tipinfo="初始值1,从0开始" value="1">1</option>
<option data-tipinfo="初始值2,从0开始" value="2">2</option>
<option data-tipinfo="初始值3,从0开始" value="3">3</option>
</select>
</li>
</ul>
<input type="submit" class="btn dn" value="提交"/>
</form>
<!-- /表单 -->
</div>
</section>
<section class="area">
<div class="effect-wrap w50p">
<iframe width="96%" height="230" name="register" frameborder="0" scrolling="no"></iframe>
</div>
<div class="config-wrap w50p">
<h2>配置选项</h2>
<!-- 表单 -->
<form action="jqvalidate/register.html" method="get" target="register">
<ul>
<li>
<label>验证方式(vadmode)</label>
<select name="vadmode">
<option data-tipinfo="当input,seclect,textarea失去焦点时验证" value="0">0=失焦验证</option>
<option data-tipinfo="提交表单是逐个验证并提示，默认为批量验证" value="1">1=逐个验证</option>
<option data-tipinfo="当input,textarea输入内容时直接验证" value="2">2=实时验证</option>
</select>
</li>
<li>
<label>提交按钮(submit)</label>
<select name="submit">
<option data-tipinfo="点击“.button1”按钮时提交表单，默认为type='submit'的按钮" value=".button1">.button1</option>
<option data-tipinfo="点击“.button2”按钮时提交表单，默认为type='submit'的按钮" value=".button2">.button2</option>
</select>
</li>
<li class="nowrap">
<label>提示方式(tipmode)</label>
<select name="tipmode">
<option data-tipinfo="初始化时不显示提示信息" value="">0=不显示</option>
<option data-tipinfo="初始化时显示提示信息" value="1">1=直接显示</option>
<option data-tipinfo="当input,seclect,textarea聚焦时显示提示信息" value="2">2=聚焦时显示</option>
<option data-tipinfo="将提示信息显示在一个指定的标签里" value=".s-tip">.s-tip=指定标签</option>
</select>
</li>
<li class="nowrap">
<label>提示框模板(tipTpl)</label>
<select name="tipTpl">
<option data-tipinfo="$1表示内容" value='$1'>默认</option>
<option data-tipinfo="<i>$1</i>替换为‘<i>内容</i>’" value='<i>$1</i>'><i>$1</i></option>
</select>
</li>
</ul>
<input type="submit" class="btn dn" value="提交"/>
</form>
<!-- /表单 -->
</div>
</section>
</div>
<div class="footer tac">
jqDuang, jqValidate, jqModal, jqGallery, jqFixed, jqSimulation <br/>
Copyright ©2013 jqduang.com
</div><!-- /footer -->
<script src="js/jquery.js"></script>
<script src="js/common.js?201505203"></script>
<div class="dn">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?b2e33c0312c7235a7e13b0cf86eec840";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
</body>
</html>