Tag Archives: 渐变

转载：cloudgamer http://www.cnblogs.com/cloudgame pop：今天看到一个不错的效果，有兴趣的可以看一下。 集合了宽度、高度、透明度、top、left的渐变，可以自定义渐变项目和各个项目的初始值结束值，还能以任意点（定点）为中心渐变。 使用该程序能实现很多常见的动画特效，包括大小变换、位置变换、渐显渐隐等等。 效果见： http://www.cnblogs.com/cloudgamer/archive/2008/08/27/1277131.html 程序说明： 渐变效果的原理就是利用定时器不断设置值，如果要减速效果就设置一个步长（详细看JavaScript 弹簧效果） 。 这里只是把能渐变的属性（透明度、宽、高、left、top）整合在一起，使用相同的渐变级数（Step）使渐变同步，形成多个属性同时渐变的效果。 下面说说有用的地方： 【最终样式】 在JavaScript 图片切割效果的边宽获取中也说到了最终样式，在使用offset获取的数据设置宽度高度的时候，必须先减去最终样式中的边框宽度。 在这里我使用了muxrwc的在FF下实现currentStyle方法，这样在ff和ie都可以从currentStyle获取最终样式了： if(!isIE){ HTMLElement.prototype.__defineGetter__("currentStyle", function () { return this.ownerDocument.defaultView.getComputedStyle(this, null); }); } 使用这个获取边框宽度： this._xBorder = function(){ return (parseInt(obj.currentStyle.borderLeftWidth) + parseInt(obj.currentStyle.borderRightWidth)); } this._yBorder = function(){ return … Continue reading →