01 2016 档案
摘要:在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。 接下来就是完成各效果对象的调用和联动。 切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。 按照要求一个
阅读全文
摘要:在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。 接下来就要完成各个切换效果的编写。 先思考一下一个切换效果需要完成的操作 1.准备阶段,将各个strip归位到动画效果开始的位置。 2.动画效
阅读全文
摘要:类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。 比较常用之一的就是窗帘切换了。 先贴上完成的效果。 实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”,每一个s
阅读全文
摘要:用Jade模板引擎写html确实方便,元素不用闭合,很多种简写的方法。为了要知道自己写的对不对,就要用到jade -w命令监控jade文件,只要变化就编译。现在用webstorm写代码的超多,可以通过其中的Filewatcher的方式关联jade命令做到自动化编译生成html文件。步骤:1.当然是安...
阅读全文