插件描述：今天我要给大家介绍一款插件，该插件实现了将类似折叠纸张的效果用在DOM元素上，当我们用鼠标在DOM元素上接触或拖动的时候便会出现褶皱的效果。有如下特点： 1、零依赖 2、整个插件大小小于15k 3、可选择的jquery支持 4、能工作在IOS上
今天我要给大家介绍一款插件，该插件实现了将类似折叠纸张的效果用在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 里面的代码了。
1 2 | <script src="oridomi.js"></script><script src="demo/demo.js"></script> |
根据不同的样式来添加不同的html标签代码
2.1 Reveal样式
1 2 3 | <div class="demo demo2"> Late Capitalism</div> |
alt="" style="white-space:normal;"/>
2.2 Stairs 台阶 样式
1 2 3 | <div class="demo demo3"> Delight</div> |
width="474" height="300" title="折纸JQUERY插件" alt="折纸JQUERY插件" style="white-space:normal;"/>
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com