CSS Baby

以前我们使用 Flash 来制作一些按钮、画廊等，现在通过 jQuery, Mootools, Scriptallicious, Prototype 等 JavaScript 框架我们几乎可以达到同样的效果。这给设计师和开发人员提供了发挥想象的空间。
但如何恰到好处地使用它，让它不至于分散用户的注意力，从而提升网站的价值。
下面30个使用了 JavaScript 滑动效果的网站或许能给你一些参考。

1.Charlie Gentle

Click to continue…

开发中经常会用到复制的功能，在 IE 下实现比较简单。但要想做到跨浏览器比较困难了。本文将介绍一个跨浏览器的库类 Zero Clipboard 。它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比 IE 的 document.execCommand(“Copy”) 更加灵活。

Zero Clipboard 的实现原理

Zero Clipboard 利用 Flash 进行复制，之前有 Clipboard Copy 解决方案，其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。所以 Zero Clipboard 对此进行了改进，用了一个透明的 Flash ，让其漂浮在按钮之上，这样其实点击的不是按钮而是 Flash ，也就可以使用 Flash 的复制功能了。 Click to continue…

如果你的项目要用到 JavaScript，而你不使用任何 JavaScript 框架，那么对于那些常用且各个浏览器明显不同的地方就需要用函数来封装起来。
下面四个函数就是其中的一部分。

首先我们要添加一段浏览器检测脚本：

// 检测浏览器
var user = navigator.userAgent;
var browser = {};
browser.opera = user.indexOf("Opera") > -1 && typeof window.opera == "object";
browser.khtml = (user.indexOf("KHTML") > -1 || user.indexOf("AppleWebKit") > -1 || user.indexOf("Konqueror") > -1) && !browser.opera;browser.ie = user.indexOf("MSIE") > -1 && !browser.opera;
browser.gecko = user.indexOf("Gecko") > -1 && !browser.khtml;
if ( browser.ie ) {
    var ie_reg = /MSIE (\d+\.\d+);/;
    ie_reg.test(user);
    var v = parseFloat(RegExp["$1"]);
    browser.ie55 = v < = 5.5;
    browser.ie6  = v <= 6;
}

Click to continue…

随着一些 JavaScript 库涌现出来，WEB开发人员可以非常容易地制作出让人惊叹的动画效果。在本文中，你将了解到10个顶尖 JavaScript 动画框架。让你更容易创建让人着迷的用户体验。

1. $fx

$fx 是一个轻量级的 JavaScript 动画库，对 JavaScript DOM 函数进行了扩展。它体积很小(仅3.7KB)，健壮的实 q现，较低的学习成本，$fx 是一个不错的选择。[示例] [简介]

Click to continue…

用过 Google 地图的人可能都很熟悉，通过滚动滚轮可以对地图进行缩放，非常地方便。适当地使用滚轮事件可以带来不错的用户体验。
不过遗憾的是各浏览器都不尽相同。
Click to continue…