摘要：首先说明，这是一个未完成版本。最近一直在写这个XScroll.js，一直纠结于要不要发布出来，因为每次要发布的时候，我就觉得还没有写完善，还有bug，像个半吊子产品。但这两天我觉得，自己的javascript知识还是不足，如果等这个作品完善了才发布的话，我很担心要等到世界末日那天了。于是，我决定发布出来，当作学习过程的展示吧。XScroll.js介绍：更新：2012-4-13更新0.2版，加入了交错切换效果，示例页也已更新。XScroll是一个实现图片幻灯片切换的js类.目前支持(伪)17种切换效果。总代码量10KB。XScroll.js示例页这个类起源于我去年在淘宝电器城发现的效果，我发现他 阅读全文

摘要：判断嘛，就是面临2个或以上的选项时进行选择。比如我家门前去公司有一个岔路，只要我第一次知道了哪一条路是对的，那我下一次或以后的每次都不用再思考了，直接走那条路即可——当然，突发天灾时不算。做出判断是需要时间的，是需要对应条件的。正确的判断很好，但每次面临岔路，哪怕是走了无数次的岔路，都来进行一下判断，无疑是一种脑残行为。下面来看一个我们平时经常看到的JS函数,他的作用是判断浏览器类型然后设置对应的透明度属性：function setAlpha(obj,alpha){ if (-[1,]) obj.style.opacity = alpha / 100; else ... 阅读全文

摘要：只有思路，没有代码。这个思路是最近写XScroll.js类的时候想明白的。平常我们说的淡入淡出效果，一般分成两部分，一半是淡入，另一半就是淡出了。不过经过分析，我觉得其实只需要一半就行了。比如写一个图片切换类，切换效果是淡入淡出，通常我们会这样写：当切换发生的时候，当前显示的图片淡出（渐渐隐藏），将要显示的图片淡入（渐渐出现），通常两张图片的动画速度是一致的，以便实现当前图片完全隐藏之时就是下一张图片完全显示之日。我们来列一个简单的步骤：当前图片渐隐，透明度由100%变成90%；同时下一张图片渐显，透明度由0变成10.当前图透明度80%，下张图透明度20%当前图70%，下张图30%。。。。。当 阅读全文

摘要：这个问题本来希望发到论坛上讨论，但好像博客园没有论坛，可是博客园高手最多，所以小弟希望各位大牛们能看看我的问题，给我思路，就当这是论坛吧。十分感谢。问题如下：var o = 'left'; var o1 = {drt:'left'}; var o2 = ['left']; var obj = {o:333}; var obj1 = {o1[drt]:333}; var obj2 = {o2[0]:333};代码前三行是变量的几个不同声明方式，即普通变量、对象、数组；后三行分别调用了这3个变量并插入对象。问题来了：为什么obj1和obj2声明时就直 阅读全文

摘要：javascript Tab切换类LixTabs，更新至0.5版:受snandy的“读jquery”系列的启发，改进了代码，现在调用LixTabs时不用加new了。即可以这样写：var tab = Tabs();把原来的参数evt，改成了易理解的event(我的疏忽)总代码量：3.3KB示例页面：http://www.jo2.org/htmls/lixtabs/lixtabs.html昨天继续麻木的写JS时，突然！！我悟了！遂更新0.4版：终于支持自定义触发事件了，如'mouseover'或'click'因为1，所以增加了一个参数：evt,值举例：'mo 阅读全文

摘要：经过几次修改，Tab切换类Lix Tabs 0.2正式发布，有人鼓掌么？没有！那算了。。。Lix Tabs 0.1及使用方式请点这里Lix Tabs 0.2的源码：/* 类:Lix Tabs 版本:0.2 作者:十年灯 http://www.cnblogs.com/lixlib/ 说明:欢迎使用,欢迎转载,但请勿据为已有 */ var $id=function(id){ return (typeof id == "Object") ? id : document.getElementById(id); }; var $$=function(tag,elm){ return 阅读全文

摘要：近期正在做的这个网站中，有的页面同时会出现好几个tab切换效果。在没有写这个类之前，每碰到多一个TAB我就得复制一遍tab函数，关键是这函数其实功能与前几个没什么两样。但不复制又不行，因为那tab函数是没法重用的。每当做到这里，都让我苦不堪言。在博客园上参观了几位牛人的javascript实例后，我就开始琢磨着写这么一个类。这是否能叫类呢，我也不确定，不过确定能用就行了。修修改改用了两周+的时间，发现好像没什么bug了，于是发布出来，斗胆加上个自己的代号吧。顺便放出源码供新人参考，高手看了也不要批我，我真的是新手。功能与示例：可以实现同一页面N个tab切换（n>0）,效果可参考网易首页的 阅读全文

摘要：不久之前做一个项目时,我发现了一件非常蛋疼的事:一个页面上有几个Tab切换效果,最多的时候会有4个,(类似于网易首页),但我对批量重用函数实在是没经验,从没写过,于是我的解决办法是复制一个tab函数,如果有4个就得复制4次,但这几个函数功能是完全相同的.这让我相当不满意,因为这本来是可以避免的事,正常情况下应该是写一个函数,然后在有第2个需要调用的时候var t=new Tabs($('tab1'));一下就行了.这几天有幸来到了博客园,看到了很多高手的文章,所以琢磨着自己写一个可以重用的Tab类.但在后期碰到了百思不得其解的问题,特来求指导.先给出代码: var $=func 阅读全文

摘要：新鲜发现，觉得很神奇，推荐!以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。var ie = !+"\v1"; 仅仅需要7bytes！参见这篇文章，《32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器，如果数组里面最后一个字符为逗号，JS引擎会自动剔除它。va 阅读全文