摘要: 在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。 接下来就是完成各效果对象的调用和联动。 切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。 按照要求一个 阅读全文
posted @ 2016-01-29 20:03 白色的海 阅读(482) 评论(0) 推荐(0) 编辑
摘要: 在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。 接下来就要完成各个切换效果的编写。 先思考一下一个切换效果需要完成的操作 1.准备阶段,将各个strip归位到动画效果开始的位置。 2.动画效 阅读全文
posted @ 2016-01-29 19:49 白色的海 阅读(893) 评论(0) 推荐(0) 编辑
摘要: 类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。 比较常用之一的就是窗帘切换了。 先贴上完成的效果。 实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”,每一个s 阅读全文
posted @ 2016-01-29 19:19 白色的海 阅读(2366) 评论(0) 推荐(0) 编辑