叶落为重生每片落下的叶子都是为了下一次的涅槃...^_^

10 2010 档案

幻灯片之百叶窗
摘要:周末了,再更新一篇,心血来潮做的幻灯片效果,原理很简单,这里就不想赘述,核心代码其实还是我之前写过的【一步一步教你写淡入淡出插件】的东西,只是换了种变换方式而已。所以有兴趣的同学情自行研究那几篇文章,思路说的比较详细。下面就只发代码和效果了。<!Doctype html><html><head><meta http-equiv="Content-type"... 阅读全文

posted @ 2010-10-31 13:13 岑安 阅读(2069) 评论(2) 推荐(3) 编辑

浅谈Javascript -- 【嵌套函数及闭包】
摘要:这篇文章其实是要讲闭包的一些初级应用,但是为了将闭包,我们还是从嵌套函数开始说吧,纵使所有的JavaScript函数都可以说是闭包,但是只有当一个嵌套函数被导出到它所定义的作用域之外时,这种闭包才是有趣的。  【嵌套函数】  JavaScript允许嵌入的函数,允许函数用作数据,并且在函数词法作用域下面,可以产生与传统面向对象语言不同的惊人地方。  首先,JavaScript的函数是通过词法来划分... 阅读全文

posted @ 2010-10-30 14:18 岑安 阅读(9249) 评论(3) 推荐(2) 编辑

关于javascript中this关键字 【翻译+自我理解】
摘要:在传统面向对象语言中,this关键字是个很乖的小孩,从不乱跑,该是谁的就是谁的。可是在JavaScript中,我们发现它不那么乖,有时甚至把我们搞的晕头转向的。所以有必要对它稍微做个总结。下文有大概70%的内容出自http://www.quirksmode.org/js/this.html,另外30%是我自己对它的理解和感想。希望能对有需要的人一点帮助。。。  首先,先看一个很典型的关于this关... 阅读全文

posted @ 2010-10-18 20:07 岑安 阅读(1184) 评论(8) 推荐(4) 编辑

凌晨了。。。失眠。。。EVA
摘要:睡不着,上文写了一个animate的工具函数,顺便再发个用上文那个工具函数做的一个EVA简单画册吧。仅为了心里对经典的怀念...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>... 阅读全文

posted @ 2010-10-18 00:43 岑安 阅读(869) 评论(4) 推荐(2) 编辑

Dom元素变换效果(工具函数)
摘要:文章前声明:下文的运行效果在ie下由于和博客的session有命名冲突,所以不能正常运行,ff ,chrome没问题,用ie的同学要看演示请自行把代码考到本地运行...  做前端或者js程序员的同学应该都有感受,在日常工作中,用的最多的功能,一个是ajax与后台的数据接口,另一个就是对Dom元素的style控制,来达到不同的变换效果。用js来控制行为,控制页面表现。恐怕是我们用它来做的最多的事情了... 阅读全文

posted @ 2010-10-17 23:54 岑安 阅读(995) 评论(3) 推荐(0) 编辑

一步一步教你写带图片注释的淡入淡出插件(四)
摘要:不出意外的话,这应该是这个系列的最后一部分了。  第三部分的效果已经基本上满足大部分的需求了。所以这一部分呢,只能算是加分项。废话不多说了,还是继续博文吧。  其实带背景半透明的备注的轮播效果也是网上一抓一大把,163,qq,taobao等等,仔细找找应该都能看到类似的效果。添加文本其实和前一文的添加控制器的方法差不多。无非也就是再append一个元素,在里面显示文本即可。[代码]上面是init(... 阅读全文

posted @ 2010-10-11 16:53 岑安 阅读(1966) 评论(8) 推荐(3) 编辑

一步一步教你写带图片注释的淡入淡出插件(三)
摘要:接上一文,我们已经实现了图片的自动淡入淡出播放。接下来需要加入控制器。  其实凭借着之前良好的代码结构,加入控制器很简单(^_^这也就是为什么我说刚开始的架构的代码结构很重要!)  先说一下加入控制器的思路:根据轮播元素的个数为每一个元素添加一个对应的控制按钮,(这里我直接用a标签来做,考虑语义的话可以用ul或ol),考虑到书写样式的方便可以先create一个控制器父标签,然后依次把每个控制按钮a... 阅读全文

posted @ 2010-10-11 10:39 岑安 阅读(1672) 评论(1) 推荐(2) 编辑

一步一步教你写淡入淡出带注释的图片轮播插件(二)
摘要:接上一篇,现在进行第二部分。  开始之前,还是说说前文提到的关于把所有函数都写在一个闭包内的优化问题。前文也提到了,因为我们在初始化的时候要调用的只是init,所以可以只把init写入闭包,其他功能函数作为init的原型继承方法来调用。所以前文的代码其实可以这样改写:但是这样其实是有问题的,不知道大家发现没有,如果这样改写的话,在auto函数里就不能再调用‘Hongru.fader.m... 阅读全文

posted @ 2010-10-10 12:01 岑安 阅读(2654) 评论(0) 推荐(0) 编辑

一步一步教你写淡入淡出带注释的图片轮播插件(一)
摘要:前几天在blueIdea上看到一个淡入淡出的带注释的图片轮播效果http://bbs.blueidea.com/thread-2911266-1-1.html看了帖子作者的代码,虽然效果达到了,但是有几个地方本人有不同的看法:1.那位作者的思路是隐藏掉真正的图片列表,而新建一个div,通过不断push当前图片到那个div的innerHTML里的方式来做一个一个交替变化。思路虽然有些新意,但是从目标... 阅读全文

posted @ 2010-10-10 01:58 岑安 阅读(2803) 评论(6) 推荐(2) 编辑

关于在闭包内prototype内建函数的调用问题(高手请绕道)
摘要:如题,这是个蛮基础、满细节、却又蛮重要的问题。(所以说对于把原型,constructor,new关键字等都理解的透彻的高手来说,此文乃小儿科。敬请绕道)  由于之前的编码习惯,一致也没注意这个问题,直到有一天,我突然想换一种方式表达同样的意思的时候,发现了一个小问题。且听我细细道来:先看一段很傻很天真的代码:我相信很多同仁应该第一眼就发现问题了...是啊,这段代码是有误的!!肯定会有人说,你创建一... 阅读全文

posted @ 2010-10-09 14:58 岑安 阅读(2468) 评论(4) 推荐(0) 编辑

关于arguments,caller以及匿名函数调用的问题
摘要:此文内容不深,就当一个简单的笔记或总结吧。  先从arguments对象说起吧,[fnName.]arguments (其中fnName可选),为当前执行的function对象返回一个arguments对象。  它有几个特性:  1.arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。  2.arguments 对象只有函数开始时才可用。  3.arguments是一个... 阅读全文

posted @ 2010-10-08 14:04 岑安 阅读(1709) 评论(0) 推荐(0) 编辑

关于浮动与清除浮动
摘要:在css2里,浮动(float)这个属性是个经典又诡异的一个属性,历来对它的争议就不断。  从语义上讲:  float这个属性顾名思义,既然叫浮动,咱们不妨把它与船体在水中的浮动联系起来。即可以这样假设,document为一个水箱,document的文档流就是水箱里的一层水,这层水的厚度无限接近于零,而所有在文档流中的元素都是在这层水中进行排列的,他们都有各自的占位空间,所以不允许有任何的交叠。 ... 阅读全文

posted @ 2010-10-06 23:13 岑安 阅读(19692) 评论(8) 推荐(5) 编辑

关于背景色半透明的实现
摘要:好吧,国庆七天假期出去玩去了,什么都没做。。。  言归正传,还是说说背景色半透明吧。其实说到半透明,相信绝大部分同仁应该都知道的一种很常用的方法,即css3的opacity结合ie alpha滤镜即可。比如:上面这个样式类即为一个背景色为黑色,元素半透明的样式类。这也是目前半透明遮罩层最常用的方法,(ps:有个小地方需要注意,在ie6下需要触发它的haslayout或包裹性才有效,不过一般不存在问... 阅读全文

posted @ 2010-10-06 19:34 岑安 阅读(7644) 评论(1) 推荐(1) 编辑

导航