中文前端UI框架Kit(十四)超酷的瀑布流特效动画
摘要:Demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#waterfall (一)KitJs瀑布流组件特点 1. 瀑布流形式呈现图片加载,鼠标滚动到底加载新的数据 2. 瀑布条数随窗口大小改变而改变,支持任意缩放窗口 (二)使用方法 core需要引用kit.js,IE下通过条件注释引入ieFix.js 其他需要引入 array.js 数组扩展(可以不引用) anim.js 动画扩展 即可, 至于demo中的semitransparentloading.js是用来做半透明loading的,io.js是用来跨域取图片数据的,这个lo...
阅读全文
posted @
2012-06-15 00:13
薛端阳
阅读(9822)
推荐(18) 编辑
中文前端UI框架Kit(十三)使用RequireJs托管你的类库和js代码
摘要:号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 kit内置支持requireJs托管,可以使用requireJs加载和管理KitJs框架内的所有组件和类库 最近园子里有很多讨论requireJs(http://requirejs.org/)的兄弟,requireJs托管js代码的好处有 1.通过闭包提供了一个安全沙箱,保证js代码不会互相污染 2.基于AMD规范,支持了js的依赖关系,实现了依赖载入 3.对于大量跨域,或者大量重复的依赖,提供一个基于程序的打包合并压缩的工具 kitjs整合了requireJs的好处是,可以让显式申明在网页的js.
阅读全文
posted @
2012-06-12 18:54
薛端阳
阅读(3447)
推荐(0) 编辑
中文前端UI框架Kit(十二)整合Mustache做kitjs模板引擎,基本写法${varname}
摘要:号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 kit整合了优秀的javascript模板引擎Mustache,做模板模块,基本写法为${varname} demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#template jsdoc地址:http://localhost/jsdoc/out/$Kit.Template.html 基本用法如下,如果需要了解更多特殊用法,请访问Mustache官网http://mustache.github.com/ 1.简单变量替换${name}fu
阅读全文
posted @
2012-06-07 18:42
薛端阳
阅读(3135)
推荐(1) 编辑
中文前端UI框架Kit(十一)摇头动画?让你的页面元素嗑药嗑起来??
摘要:号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#shakehead 发现没有晃动效果的同学记得清下缓存,因为kit.anim对象的js文件有更新,3Q3Q 今天听群里面兄弟在讨论一个摇头的动画效果,类似登陆验证时候,窗口晃动的效果,结合之前说过的kitjs的anim类,我们可以很轻松的实现类似的组件晃动效果 代码如下: function a1() { $kit.anim.motion({ duration : 1000,//持续时..
阅读全文
posted @
2012-06-06 15:35
薛端阳
阅读(2549)
推荐(3) 编辑