Skip to content

Commit

Permalink
Create gh-pages branch via GitHub
Browse files Browse the repository at this point in the history
  • Loading branch information
@ximan
ximan committed Apr 27, 2015
0 parents commit fe38afb
Show file tree
Hide file tree
Showing 5 changed files with 954 additions and 0 deletions.
169 changes: 169 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Swipeslide by ximan</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
<h1 class="project-name">Swipeslide</h1>
<h2 class="project-tagline">移动端轮播图（基于Zepto/jQuery）</h2>
<a href="https://github.com/ximan/swipeSlide" class="btn">View on GitHub</a>
<a href="https://github.com/ximan/swipeSlide/zipball/master" class="btn">Download .zip</a>
<a href="https://github.com/ximan/swipeSlide/tarball/master" class="btn">Download .tar.gz</a>
</section>

<section class="main-content">
<h1>
<a id="swipeslide-for-zeptojquery-plugin" class="anchor" href="#swipeslide-for-zeptojquery-plugin" aria-hidden="true"><span class="octicon octicon-link"></span></a>swipeSlide for Zepto/jQuery Plugin</h1>

<h2>
<a id="简介" class="anchor" href="#%E7%AE%80%E4%BB%8B" aria-hidden="true"><span class="octicon octicon-link"></span></a>简介</h2>

<p>移动端（基于Zepto/jQuery）的轮播插件：<a href="http://ons.me/500.html">http://ons.me/500.html</a></p>

<h2>
<a id="示例" class="anchor" href="#%E7%A4%BA%E4%BE%8B" aria-hidden="true"><span class="octicon octicon-link"></span></a>示例</h2>

<p><img src="website.png" alt="扫一扫">
<a href="http://ons.me/wp-content/uploads/2014/09/swipeSlide/index.html">DEMO1链接</a></p>

<p><img src="website-pic.png" alt="扫一扫">
<a href="http://ons.me/wp-content/uploads/2014/09/swipeSlide/full-screen-pic.html">DEMO2链接</a></p>

<p><img src="website-text.png" alt="扫一扫">
<a href="http://ons.me/wp-content/uploads/2014/09/swipeSlide/full-screen-text.html">DEMO3链接</a></p>

<p><img src="website-switch.png" alt="扫一扫">
<a href="http://ons.me/wp-content/uploads/2014/09/swipeSlide/index-switch.html">DEMO4链接</a></p>

<h2>
<a id="依赖" class="anchor" href="#%E4%BE%9D%E8%B5%96" aria-hidden="true"><span class="octicon octicon-link"></span></a>依赖</h2>

<p>Zepto 或者 jQuery</p>

<h2>
<a id="使用方法" class="anchor" href="#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95" aria-hidden="true"><span class="octicon octicon-link"></span></a>使用方法</h2>

<pre><code>$('.element').swipeSlide({
// 参数
});
</code></pre>

<h2>
<a id="参数列表" class="anchor" href="#%E5%8F%82%E6%95%B0%E5%88%97%E8%A1%A8" aria-hidden="true"><span class="octicon octicon-link"></span></a>参数列表</h2>

<table>
<thead>
<tr>
<th>参数</th>
<th>说明</th>
<th>默认值</th>
<th>可填值</th>
</tr>
</thead>
<tbody>
<tr>
<td>ul</td>
<td>父dom</td>
<td>ul</td>
<td>.element的子dom</td>
</tr>
<tr>
<td>li</td>
<td>子dom</td>
<td>li</td>
<td>ul的子dom</td>
</tr>
<tr>
<td>index</td>
<td>轮播初始值</td>
<td>0</td>
<td>数字</td>
</tr>
<tr>
<td>continuousScroll</td>
<td>连续滚动</td>
<td>false</td>
<td>true和false</td>
</tr>
<tr>
<td>autoSwipe</td>
<td>自动切换</td>
<td>true</td>
<td>true和false</td>
</tr>
<tr>
<td>speed</td>
<td>切换速度</td>
<td>4000</td>
<td>数字</td>
</tr>
<tr>
<td>axisX</td>
<td>X轴滚动</td>
<td>true</td>
<td>true和false</td>
</tr>
<tr>
<td>transitionType</td>
<td>过渡类型</td>
<td>ease</td>
<td>linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier</td>
</tr>
<tr>
<td>lazyLoad</td>
<td>图片懒加载</td>
<td>false</td>
<td>true和false</td>
</tr>
<tr>
<td>callback</td>
<td>回调方法</td>
<td>空</td>
<td>function(i,sum){}（i为索引值，sum为总和）</td>
</tr>
</tbody>
</table>

<h2>
<a id="api" class="anchor" href="#api" aria-hidden="true"><span class="octicon octicon-link"></span></a>API</h2>

<p>暴露一些功能，可以让swipeSlide更灵活的使用</p>

<p><code>goTo(num)</code> 指定轮播，详见<a href="index-switch.html">DEMO4代码</a></p>

<h2>
<a id="最新版本" class="anchor" href="#%E6%9C%80%E6%96%B0%E7%89%88%E6%9C%AC" aria-hidden="true"><span class="octicon octicon-link"></span></a>最新版本</h2>

<h3>
<a id="331150427" class="anchor" href="#331150427" aria-hidden="true"><span class="octicon octicon-link"></span></a>3.3.1(150427)</h3>

<ul>
<li>修复只有1个轮播时不执行lazyLoad和callback</li>
</ul>

<p><a href="Changelog.md">所有更新日志</a></p>

<h2>
<a id="缺点" class="anchor" href="#%E7%BC%BA%E7%82%B9" aria-hidden="true"><span class="octicon octicon-link"></span></a>缺点</h2>

<p>只能固定高度或者成比例宽度，无法自适应高度。</p>

<footer class="site-footer">
<span class="site-footer-owner"><a href="https://github.com/ximan/swipeSlide">Swipeslide</a> is maintained by <a href="https://github.com/ximan">ximan</a>.</span>

<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer>

</section>


</body>
</html>

1 change: 1 addition & 0 deletions params.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"name":"Swipeslide","tagline":"移动端轮播图（基于Zepto/jQuery）","body":"# swipeSlide for Zepto/jQuery Plugin\r\n\r\n## 简介\r\n\r\n移动端（基于Zepto/jQuery）的轮播插件：<http://ons.me/500.html>\r\n\r\n## 示例\r\n\r\n![扫一扫](website.png)\r\n[DEMO1链接](http://ons.me/wp-content/uploads/2014/09/swipeSlide/index.html)\r\n\r\n![扫一扫](website-pic.png)\r\n[DEMO2链接](http://ons.me/wp-content/uploads/2014/09/swipeSlide/full-screen-pic.html)\r\n\r\n![扫一扫](website-text.png)\r\n[DEMO3链接](http://ons.me/wp-content/uploads/2014/09/swipeSlide/full-screen-text.html)\r\n\r\n![扫一扫](website-switch.png)\r\n[DEMO4链接](http://ons.me/wp-content/uploads/2014/09/swipeSlide/index-switch.html)\r\n\r\n## 依赖\r\n\r\nZepto 或者 jQuery\r\n\r\n## 使用方法\r\n\r\n````\r\n$('.element').swipeSlide({\r\n // 参数\r\n});\r\n````\r\n\r\n## 参数列表\r\n\r\n| 参数 | 说明 | 默认值 | 可填值 |\r\n|------------------|----------|--------|----------------|\r\n| ul | 父dom | ul | .element的子dom |\r\n| li | 子dom | li | ul的子dom |\r\n| index | 轮播初始值 | 0 | 数字 |\r\n| continuousScroll | 连续滚动 | false | true和false |\r\n| autoSwipe | 自动切换 | true | true和false |\r\n| speed | 切换速度 | 4000 | 数字 |\r\n| axisX | X轴滚动 | true | true和false |\r\n| transitionType | 过渡类型 | ease | linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier |\r\n| lazyLoad | 图片懒加载 | false | true和false |\r\n| callback | 回调方法 | 空 | function(i,sum){}（i为索引值，sum为总和） |\r\n\r\n## API\r\n\r\n暴露一些功能，可以让swipeSlide更灵活的使用\r\n\r\n`goTo(num)` 指定轮播，详见[DEMO4代码](index-switch.html)\r\n\r\n## 最新版本\r\n\r\n### 3.3.1(150427)\r\n\r\n* 修复只有1个轮播时不执行lazyLoad和callback\r\n\r\n[所有更新日志](Changelog.md)\r\n\r\n## 缺点\r\n\r\n只能固定高度或者成比例宽度，无法自适应高度。","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
115 changes: 115 additions & 0 deletions stylesheets/github-light.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
/*
Copyright 2014 GitHub Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

.pl-c /* comment */ {
color: #969896;
}

.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
.pl-s .pl-v /* string variable */ {
color: #0086b3;
}

.pl-e /* entity */,
.pl-en /* entity.name */ {
color: #795da3;
}

.pl-s .pl-s1 /* string source */,
.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
color: #333;
}

.pl-ent /* entity.name.tag */ {
color: #63a35c;
}

.pl-k /* keyword, storage, storage.type */ {
color: #a71d5d;
}

.pl-pds /* punctuation.definition.string, string.regexp.character-class */,
.pl-s /* string */,
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
.pl-sr /* string.regexp */,
.pl-sr .pl-cce /* string.regexp constant.character.escape */,
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */,
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ {
color: #183691;
}

.pl-v /* variable */ {
color: #ed6a43;
}

.pl-id /* invalid.deprecated */ {
color: #b52a1d;
}

.pl-ii /* invalid.illegal */ {
background-color: #b52a1d;
color: #f8f8f8;
}

.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
color: #63a35c;
font-weight: bold;
}

.pl-ml /* markup.list */ {
color: #693a17;
}

.pl-mh /* markup.heading */,
.pl-mh .pl-en /* markup.heading entity.name */,
.pl-ms /* meta.separator */ {
color: #1d3e81;
font-weight: bold;
}

.pl-mq /* markup.quote */ {
color: #008080;
}

.pl-mi /* markup.italic */ {
color: #333;
font-style: italic;
}

.pl-mb /* markup.bold */ {
color: #333;
font-weight: bold;
}

.pl-md /* markup.deleted, meta.diff.header.from-file */ {
background-color: #ffecec;
color: #bd2c00;
}

.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
background-color: #eaffea;
color: #55a532;
}

.pl-mdr /* meta.diff.range */ {
color: #795da3;
font-weight: bold;
}

.pl-mo /* meta.output */ {
color: #1d3e81;
}
Loading

0 comments on commit fe38afb

Please sign in to comment.