Ruby's Louvre

摘要： Javascript只有一个单一的数字类型，它在内部被表示为64位的浮点数，和Java的double一样。不像大多数其他的编程语言，它没有分离出整数类型，所以1与1.0是相同的值。这提供了很大的方便，因为它完全避免了短整数的溢出问题，你只要知道的一切就是它是一种数字。这样就避免了一大堆因数字类型而导致的错误。Number 对象的方法FF: Firefox, IE: Internet Explorer方法描述FFIEtoString把数字转换为字符串，使用指定的基数。1.04.0toLocaleString把数字转换为字符串，使用本地数字格式顺序。1.04.0toFixed把数字转换为字符串，结 阅读全文

摘要： 这部分最后给出的成品效果比较惊人，也就是传说中的纯CSS六级菜单。这个东西最厉害的地方是兼容所有主流浏览器（IE6，IE8，Maxthon2.5，firefox3.5，opera10，safari4与chrome2），而一点CSS hack也没有用。毕竟CSS hack只是权宜之计，治标不治本，谁知它会对未来新版本的浏览器有什么副作用，因此能不用就不要用了。由于结构非常有规律，读者认真学习后，可以... 阅读全文

摘要： 这是一个相当炫的功能，让网页看起来像桌面程序，如window的开始菜单。实现原理基本和纯CSS相册差不多，但要注意的事项比较多，让我们一步步来吧。先来一个非常简单的一级菜单与悬停效果。 <ul id="menu"> <li> <a href="http://www.cnblogs.com/rubylouvre/"> 菜单一<!--小图--><span><!--大图--></span> </a> </li> <li> <a href 阅读全文

摘要： 在制作饼图或标签云时，我们通常需要很多颜色，方法有二。一是准备一组漂亮的候选颜色，二是随机生成颜色。在数量很多或不明确时，我想后者就是唯一的出路了。谷歌了一下，整理如下，按由浅入深的顺序排列。实现1 var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcde... 阅读全文

摘要： 以前我见过一种相册，大图是出现在小图中间。如果单是这样好办，但它要求小图与环绕方式包围大图。这就有点难度，以前摸不到门道，现在的我基本可以秒杀之了。我们可以用《纯CSS相册2》的最后一个运行框改一下就行。思路，我们把中间4个LI元素的图片挖去，并把包含块设到UL元素上，hover时就让图片放大并绝对定位到中间。结构层很简单，就不贴出来了，直接看表现层： ul#album, #album li{ ... 阅读全文

摘要： 这部分的思路可以说全部秉承《a:hover应用精粹》一文，因为事实证明，锚点切换的效果不好（要劳驾用户的尊手多动一下啦，点之后页面会跳动啦，并且不兼容opera）。这部分的效果比较眩目，但难度绝对不会超过“推搡式放大效果”。它的结构层与《a:hover应用精粹》的后三个示范出奇的相似。CSS也足够强大地表达出我们想要新效果。 <ul id="album"> <li> &l... 阅读全文

摘要： 最近看了一下developer.mozilla.org里的东西，发现它为Array对象添加了不少generic method，赶得上Prototype的热心程度。indexOf返回元素在数组的索引，没有则返回-1。与string的indexOf方法差不多。如果其他浏览器没有实现此方法，可以用以下代码实现兼容：//09,12,11新修正 Array.prototype.indexOf=function(item, index) { var n = this.length, i = index == null ? 0 : index < 0 ?... 阅读全文

摘要： 火狐针对getter与setter搞了四个好东西，__defineGetter__，__defineSetter__，get与set。IE唯一只能模拟__defineGetter__。 Object.prototype.__defineGetter__ = function(attributeName,hanlder){ if(typeof(hanlder)=="string"){ handle... 阅读全文

摘要： 原始的DOM1事件处理机制，是不能绑定多个处理函数。如一个元素在onclick事件先绑定一个函数，用来alert其id，然后再在相同的事件绑定另一个函数，用来alert其style。对不起，第二个函数会覆盖掉第一个，只会alert其style。于是.addEventListener() 与 .attachEvent()被分别开发出来了。为了屏蔽各浏览器的差异，javascript界举办了一个慈善邀... 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文