参数类型说明elelement必需，为页面元素beginnumber必需，开始的位置changenumber必需，要移动的距离durationnumber可选，缓动效果持续时间，默认是500ms。建议取300~1000ms。fieldstring必需，要发生变化的样式属性。请在top，left，bottom,right，width与height中选择。ftpnumber可选，每秒进行多少帧动画，默认50帧，保证流畅播放。一些参考资料，日本动画1秒36帧，中国卡通24帧，赛车游戏60帧。easefunction必需，缓动公式，参数为0~1之间的数。可参考我下面给出的45条公式。onStartfunction可选，在开始时执行。onEndfunction可选，在结束时执行。prototype流派的缓动公式，只需一个参数（增至45种）
.taxiway{ width:800px; height:100px; background:#E8E8FF; } .move{ width:100px; height:100px; background:#a9ea00; } #panel { float:left; width:810px } #panel div{ float:left; width:88px; border:1px solid #333; height:20px; font-size:11px; } div.transition { margin-top: 30px; width: 200px; height: 200px; position: relative; margin-bottom:10px; } div.transition div { position: absolute; height: 1px; width: 1px; background: #000; } div.transition span { display: block; position: absolute; border-bottom: 1px solid #dadada; font-size: 10px; color: #888; width: 200px; left: 0px; } div.transition div#indicator { position:absolute; background-color:#a9ea00; height: 200px; top: 0px; left: 0px; } div.transition div#marker { background-color: #f00; height: 6px; width: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; left: 0px; margin-bottom: -3px; margin-left: -3px; } div.transition div#label { background: transparent; color: #ABD474; font-size: 20px; height: 20px; width: 200px; text-align: center; top: 80px; left: 0px; z-index: -1; } 缓动BY司徒正美

请点击下表的格子

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]