像褶皱纸一样褶皱DOM的JQUERY插件-QRIDOMI

 查看演示  website  立即下载

今天我要给大家介绍一款插件，该插件实现了将类似折叠纸张的效果用在DOM元素上，当我们用鼠标在DOM元素上接触或拖动的时候便会出现褶皱的效果。有如下特点：
1、零依赖
2、整个插件大小小于15k
3、可选择的jquery支持

4、能工作在IOS上

预览图

width="474" height="300" title="折纸JQUERY插件" alt="折纸JQUERY插件"/>

使用步骤

1、引入以下的js和css文件，这里的 oridomi.js 是oridomi插件的js库，demo.js则是封装了实际的应用函数，如果你是投方便的话就可以直接引用 demo.js 文件，然后可以使用示例中的任何一个效果，通过改变html代码。
当然如果你不嫌麻烦的话就可以不引用 demo.js 文件，而是直接在页面中调用，这就需要你去研究一下 demo.js 里面的代码了。

 <script src="oridomi.js"></script>
<script src="demo/demo.js"></script>

根据不同的样式来添加不同的html标签代码
2.1 Reveal样式

 <div class="demo demo2">
    Late Capitalism
</div>

alt="" style="white-space:normal;"/>

2.2 Stairs 台阶 样式

<div class="demo demo3">
    Delight
</div>

width="474" height="300" title="折纸JQUERY插件" alt="折纸JQUERY插件" style="white-space:normal;"/>

PREVIOUS:
NEXT:
实用的漂亮的下拉框-CUSTOM DROP-DOWN LIST STYLING
JQUERY页面平滑滚动插件-JQUERY-SMOOTH-SCROLL