岑安 - 博客园

幻灯片之百叶窗

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

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

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

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

关于javascript中this关键字【翻译+自我理解】

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

posted @ 2010-10-18 20:07 岑安阅读(1194) 评论(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 岑安阅读(881) 评论(4) 推荐(2)

Dom元素变换效果（工具函数）

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

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

一步一步教你写带图片注释的淡入淡出插件（四）

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

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

一步一步教你写带图片注释的淡入淡出插件（三）

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

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

一步一步教你写淡入淡出带注释的图片轮播插件（二）

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

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

一步一步教你写淡入淡出带注释的图片轮播插件（一）

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

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

关于在闭包内prototype内建函数的调用问题（高手请绕道）

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

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

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