摘要:周末了,再更新一篇,心血来潮做的幻灯片效果,原理很简单,这里就不想赘述,核心代码其实还是我之前写过的【一步一步教你写淡入淡出插件】的东西,只是换了种变换方式而已。所以有兴趣的同学情自行研究那几篇文章,思路说的比较详细。下面就只发代码和效果了。<!Doctype html><html><head><meta http-equiv="Content-type"...
阅读全文
摘要:这篇文章其实是要讲闭包的一些初级应用,但是为了将闭包,我们还是从嵌套函数开始说吧,纵使所有的JavaScript函数都可以说是闭包,但是只有当一个嵌套函数被导出到它所定义的作用域之外时,这种闭包才是有趣的。 【嵌套函数】 JavaScript允许嵌入的函数,允许函数用作数据,并且在函数词法作用域下面,可以产生与传统面向对象语言不同的惊人地方。 首先,JavaScript的函数是通过词法来划分...
阅读全文
摘要:在传统面向对象语言中,this关键字是个很乖的小孩,从不乱跑,该是谁的就是谁的。可是在JavaScript中,我们发现它不那么乖,有时甚至把我们搞的晕头转向的。所以有必要对它稍微做个总结。下文有大概70%的内容出自http://www.quirksmode.org/js/this.html,另外30%是我自己对它的理解和感想。希望能对有需要的人一点帮助。。。 首先,先看一个很典型的关于this关...
阅读全文
摘要:睡不着,上文写了一个animate的工具函数,顺便再发个用上文那个工具函数做的一个EVA简单画册吧。仅为了心里对经典的怀念...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>...
阅读全文
摘要:文章前声明:下文的运行效果在ie下由于和博客的session有命名冲突,所以不能正常运行,ff ,chrome没问题,用ie的同学要看演示请自行把代码考到本地运行... 做前端或者js程序员的同学应该都有感受,在日常工作中,用的最多的功能,一个是ajax与后台的数据接口,另一个就是对Dom元素的style控制,来达到不同的变换效果。用js来控制行为,控制页面表现。恐怕是我们用它来做的最多的事情了...
阅读全文
摘要:不出意外的话,这应该是这个系列的最后一部分了。 第三部分的效果已经基本上满足大部分的需求了。所以这一部分呢,只能算是加分项。废话不多说了,还是继续博文吧。 其实带背景半透明的备注的轮播效果也是网上一抓一大把,163,qq,taobao等等,仔细找找应该都能看到类似的效果。添加文本其实和前一文的添加控制器的方法差不多。无非也就是再append一个元素,在里面显示文本即可。[代码]上面是init(...
阅读全文
摘要:接上一文,我们已经实现了图片的自动淡入淡出播放。接下来需要加入控制器。 其实凭借着之前良好的代码结构,加入控制器很简单(^_^这也就是为什么我说刚开始的架构的代码结构很重要!) 先说一下加入控制器的思路:根据轮播元素的个数为每一个元素添加一个对应的控制按钮,(这里我直接用a标签来做,考虑语义的话可以用ul或ol),考虑到书写样式的方便可以先create一个控制器父标签,然后依次把每个控制按钮a...
阅读全文
摘要:接上一篇,现在进行第二部分。 开始之前,还是说说前文提到的关于把所有函数都写在一个闭包内的优化问题。前文也提到了,因为我们在初始化的时候要调用的只是init,所以可以只把init写入闭包,其他功能函数作为init的原型继承方法来调用。所以前文的代码其实可以这样改写:但是这样其实是有问题的,不知道大家发现没有,如果这样改写的话,在auto函数里就不能再调用‘Hongru.fader.m...
阅读全文
摘要:前几天在blueIdea上看到一个淡入淡出的带注释的图片轮播效果http://bbs.blueidea.com/thread-2911266-1-1.html看了帖子作者的代码,虽然效果达到了,但是有几个地方本人有不同的看法:1.那位作者的思路是隐藏掉真正的图片列表,而新建一个div,通过不断push当前图片到那个div的innerHTML里的方式来做一个一个交替变化。思路虽然有些新意,但是从目标...
阅读全文
摘要:如题,这是个蛮基础、满细节、却又蛮重要的问题。(所以说对于把原型,constructor,new关键字等都理解的透彻的高手来说,此文乃小儿科。敬请绕道) 由于之前的编码习惯,一致也没注意这个问题,直到有一天,我突然想换一种方式表达同样的意思的时候,发现了一个小问题。且听我细细道来:先看一段很傻很天真的代码:我相信很多同仁应该第一眼就发现问题了...是啊,这段代码是有误的!!肯定会有人说,你创建一...
阅读全文
摘要:此文内容不深,就当一个简单的笔记或总结吧。 先从arguments对象说起吧,[fnName.]arguments (其中fnName可选),为当前执行的function对象返回一个arguments对象。 它有几个特性: 1.arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。 2.arguments 对象只有函数开始时才可用。 3.arguments是一个...
阅读全文
摘要:在css2里,浮动(float)这个属性是个经典又诡异的一个属性,历来对它的争议就不断。 从语义上讲: float这个属性顾名思义,既然叫浮动,咱们不妨把它与船体在水中的浮动联系起来。即可以这样假设,document为一个水箱,document的文档流就是水箱里的一层水,这层水的厚度无限接近于零,而所有在文档流中的元素都是在这层水中进行排列的,他们都有各自的占位空间,所以不允许有任何的交叠。 ...
阅读全文
摘要:好吧,国庆七天假期出去玩去了,什么都没做。。。 言归正传,还是说说背景色半透明吧。其实说到半透明,相信绝大部分同仁应该都知道的一种很常用的方法,即css3的opacity结合ie alpha滤镜即可。比如:上面这个样式类即为一个背景色为黑色,元素半透明的样式类。这也是目前半透明遮罩层最常用的方法,(ps:有个小地方需要注意,在ie6下需要触发它的haslayout或包裹性才有效,不过一般不存在问...
阅读全文