专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » javascript效果:JavaScript 渐变效果页面图片控制 »正文

javascript效果:JavaScript 渐变效果页面图片控制

来源: 发布时间:星期四, 2008年12月25日 浏览:31次 评论:0
使用该能实现很多常见动画特效包括大小变换、位置变换、渐显渐隐等等
介绍说明: 渐变效果原理就是利用定时器不断设置值如果要减速效果就设置个步长(详细看JavaScript 弹簧效果)
这里只是把能渐变属性(透明度、宽、高、left、top)整合在使用相同渐变级数(Step)使渐变同步形成多个属性同时渐变效果
下面说说有用地方:
【最终样式】
在JavaScript 图片切割效果边宽获取中也说到了最终样式在使用off获取数据设置宽度高度时候必须先减去最终样式中边框宽度
在这里我使用了muxrwc在FF下实现currentStyle思路方法这样在ff和ie都可以从currentStyle获取最终样式了:
[Opacity: { run: true },
Height: { run: true },
Width: { run: true, pos: .5 },
Top: { run: true, end: 70 }
});


设置run为true就表示开启这个变换start和end是开始和结束值pos是Height和Width特有变换位置属性
更详细应用可以看例子

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: