随笔分类 -  jQuery Plugin

jQuery Plugin
alloffthelights使用方法
摘要：官网上的demo没有用，因为官网用的jquery是谷歌的CDN，download下来的demo也没有用，因为demo的路径下少了jquery。所以自己写demo的时候要把jquery和alloffthelights.js部署好，如果想让download下来的demo生效也是如此。另外，视频如果不生效 阅读全文
posted @ 2016-06-07 00:34 zcynine 阅读(281) 评论(0) 推荐(0)
tweenMax学习笔记
摘要：tweenMax是一款缓动插件，能实现很多牛逼的效果，在网上看了些demo，确实很吊，虽说很多用CSS3也能做出来，但是技多不压身，学之。 网上的demo还是很多的，但是资料不多，唯一能够让我有思绪的就是tweenMax的官网（http://greensock.com/tweenmax） 讲到这个G 阅读全文
posted @ 2016-06-06 22:46 zcynine 阅读(5679) 评论(0) 推荐(2)
微信网页动画---swiper.animate.css
摘要：项目需要，自己写了个demo API http://www.swiper.com.cn/usage/animate/index.html 阅读全文
posted @ 2016-04-27 16:57 zcynine 阅读(761) 评论(0) 推荐(0)
微信 js-sdk
摘要：使用方法 http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html Demo http://203.195.235.76/jssdk/ 阅读全文
posted @ 2016-04-27 14:09 zcynine 阅读(213) 评论(0) 推荐(0)
视差插件parallarx
摘要：github上的demo，自己拿来改了改。 阅读全文
posted @ 2016-04-24 14:43 zcynine 阅读(201) 评论(0) 推荐(0)
经典幻灯片插件Swiper
摘要：照着写的demo，搞清楚什么叫分页器Pagination，什么叫nav，搞清楚DOM结构，container，wrapper之类的，就能写了。效果掉渣天！ 这个是parallax的demo API http://www.swiper.com.cn/api/index.html 阅读全文
posted @ 2016-04-24 10:40 zcynine 阅读(328) 评论(0) 推荐(0)
经典全屏滚动插件fullPage.js
摘要：要写简单可以写的很简单，对着github上面的参数和注释随便写了个demo。这个插件十分高端大气上档次，配上良好的配色和布局，简单几笔就可以把网站装扮得十分洋气。 唯一的缺点就是，感觉对移动端的兼容性略有不足。 下面是我的demo。 github https://github.com/zcynine 阅读全文
posted @ 2016-04-24 00:36 zcynine 阅读(600) 评论(1) 推荐(1)
Dialog插件artDialog
摘要：经本人测试，发现没有layer好用，因为artDialog不能拖拽。不过除了拖拽，其他还蛮简洁的，在自定义上的灵活性也还可以。下面是我自己写的测试demo。 以上demo参考自Github上artDialog的doc。 阅读全文
posted @ 2016-04-23 23:03 zcynine 阅读(400) 评论(0) 推荐(0)
经典Dialog插件Layer
摘要：Github上只有一个test，所以最好还是到官网去学习，官网的示例写的很详尽，难得一见的设计思路和灵活性都极好的插件。下面是我自己test过的demo 官网 http://layer.layui.com/ 阅读全文
posted @ 2016-04-23 20:04 zcynine 阅读(2062) 评论(0) 推荐(0)
Web Uploader
摘要：Github上的例子没看太明白，在网上找了些资料自己写了个demo，基本上就是用create方法初始化，然后on一堆事件，上传的进度条用的是swf格式的动画，感觉不是很先进的样子。不过我暂时也没搞明白怎么让进度条显示出来。 阅读全文
posted @ 2016-04-15 16:36 zcynine 阅读(480) 评论(0) 推荐(0)
iscroll demo
摘要：下面是自己找网上资料写的一个小demo，基础的属性和方法都有用到，但是用法还不是很标准，github上的demo用法很标准，外面一个wrapper，里面还得有一个scroller，如果要做跑马灯效果还要在外面套一个viewport。 下面是github上的例子，barebone，基础框架，如果要写i 阅读全文
posted @ 2016-04-15 15:26 zcynine 阅读(436) 评论(0) 推荐(0)
图片截取插件Cropper
摘要：自己仿照github上的例子写的demo，github上的例子太抽象了，自己写的最适合自己，通俗易懂。 API https://www.awesomes.cn/repo/fengyuanchen/cropper 阅读全文
posted @ 2016-04-15 09:46 zcynine 阅读(5113) 评论(0) 推荐(1)
jQuery.Validator Sample
摘要：结果 jQuery Validator的源码里有这么一段 然后在插件的localization路径下有不同语言版本的message， 引入不同的meessages的js文件可以覆盖掉源码当中的英文，最终实现不同语言版本的提示。 阅读全文
posted @ 2016-03-11 13:39 zcynine 阅读(353) 评论(0) 推荐(0)
highCharts参数实例解释
摘要：Highcharts Demo 阅读全文
posted @ 2016-02-03 16:49 zcynine 阅读(288) 评论(0) 推荐(0)
highCharts使用记录
摘要：公司的架构师让我做一个mockup，要用到highCharts，，以前想接触的，没时间学习，也没有用过，正好工作可以用上了，可以边学边做了。 环境 highCharts可以基于jQuery、MooTools 、Prototype 、Highcharts Standalone Framework中的一 阅读全文
posted @ 2016-02-03 13:44 zcynine 阅读(541) 评论(0) 推荐(0)
iScroll使用方法
摘要：最基本的iScroll使用结构 iScroll滚动的内容是wrapper内的内容(不包含wrapper，滚动的是ul) 只有wrapper里的第一个子元素才可以滚动，如果你想要更多的元素可以滚动，那么你可以试试下面的这种写法： 在这个例子中，scroller这个元素可以滚动，即便它包含两个ul元素 阅读全文
posted @ 2016-01-25 17:32 zcynine 阅读(814) 评论(0) 推荐(0)
jQuery UI基本使用方法
摘要：其实jQuery UI早就在我的学习计划中，只不过因为计划安排始终处于待命状态，最近项目要用到jQuery UI，就提前学习一下，也想能够封装自己的UI库，这样就不用老按照别人的套路走了，像使用jQuery UI的时候，连DOM结构都要按照他们写的来，一个div里面必须包含一个h3才有用，用h2就没 阅读全文
posted @ 2015-11-28 17:49 zcynine 阅读(3731) 评论(0) 推荐(0)
jQuery Mobile事件
摘要：初始化事件/Initial 触控事件/Touchtap 敲击元素时触发 taphold 敲击元素并保持一秒时触发 swipe 在元素上水平滑动超过30px时触发 swipeleft 在元素上从左滑动超过30px时触发 swipeleft 在元素上从右滑动超过30px时触发 滚动事件/Scroll 滚 阅读全文
posted @ 2015-11-22 20:09 zcynine 阅读(652) 评论(0) 推荐(0)
jQuery Mobile基本UI组件
摘要：基本页面构造 多页面 将页面作为对话框：data-rel="dialog" -line31 设置过渡效果：data-transition -line17 按钮 创建按钮（使用a标签构建按钮的时候又用到了data-role） 行内按钮，可以让按钮自适应内容而不会整屏显示。 按钮组合框，可以把一些具有相 阅读全文
posted @ 2015-11-21 01:44 zcynine 阅读(971) 评论(0) 推荐(0)