scroll clock–jQuery widget implement
摘要：先展示一下效果： 数字滚动实现的方法是：在一个ul标签里面放两个li，一个li表示当前数字，另一个表示下一个数字。设置ul的属性隐藏超出边界的li，以确保只显示一个数字的位置。 滚动动画效果的实现：两个li同时滚动，超出ul区域的li会自动隐藏。当动画结束后，把向上移出去的li的位置设置到底部，并更新上面的数字，为下一次动画做好准备。 具体的实现细节，请参考代码：http://files.c...
阅读全文
posted @
2012-09-22 09:14
MainTao
阅读(826)
推荐(0) 编辑
基于iScroll 的开发（不断补充）
摘要：iScroll是一个JS插件，支持鼠标和触摸的滑动、滚动操作，可用于实现列表（横、纵、矩阵）、图片幻灯式播放等效果。 本文结合实例，解析iScroll的使用方法以及注意事项。 说明：本文使用的版本是iScroll4 http://cubiq.org/iscroll-4 (更新的版本见 https://github.com/cubiq/iscroll) 基本概念 使用iscroll一般需要构造如下...
阅读全文
posted @
2012-07-24 21:53
MainTao
阅读(5526)
推荐(0) 编辑
编写jQueryUI插件(widget)
摘要：使用jQueryUI的widget来写插件，相比于基本的jquery插件有一些好处：* 方便实现继承，代码重用* 默认是单例* widget已经给你实现好的一些常用方法，例如destroy带来好处的同时也带来了荆棘和陷阱，本文的目的就是梳理这些荆棘，标出哪里有陷阱。基本知识：命名规范，public, private, this, this.element如何开始写一个widget呢？模板如下：(function ($) { // utility functions (won’t be inherited) function foo() {} $.widget('命名空...
阅读全文
posted @
2012-05-03 18:04
MainTao
阅读(31100)
推荐(5) 编辑
调试Javascript
摘要：用VisualStudio调试Javascript 虽然Chrome和Firefox调试Javascript都比IE强大，但有了VisualStudio的支持，情况就完全不同了。 因为VisualStudio可以在调试时修改变量值，改变程序流程，设置条件断点，各种强大。 步骤1：设置IE浏览器 进入工具/Internet选项菜单，高级标签页下，把禁用脚本调试（Internet Explorer）取消掉。 步骤2：在Javascript代码里加入语句debugger; 例如： 当用IE打开含有该Javascript的网页时（注意可能会提示是否允许脚本执行，选允许），VS just-i...
阅读全文
posted @
2012-03-07 09:20
MainTao
阅读(3071)
推荐(0) 编辑
