flash滚动条实现缓冲效果实例

时间:2012-02-18 11:10:01  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:0" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="300" width="400">
  正文:如果flash滚动条没有缓冲效果,下拉滑块时候内容移动感觉很呆板很生硬,能不能是它看上去柔和一点呢?加上缓冲后效果就不一样了!内容移动的时候感觉就流畅多了。 先看下简单的效果。

其实这个缓冲效果很简单,只需要几段代码分别控制滑块按钮和缓冲对象的mc实例就可以达到。
时间轴大体是这样的
flash滚动条实现缓冲效果实例
1;首先我们新建画布400*300,帧每秒速度控制在120以内效果最佳。在库中建立三个影片剪辑,分别放置滑块按钮,按钮背景和内容。
2;回到主场景新建5个图层,第一层为内容,把照片影片剪辑拖入舞台,左右顶对齐。在属性里面实例名填写show_image,我这里以照片为例子,你也可以用文字。
第二层为按钮背景,把影片剪辑拖入舞台右边缘放好,属性实例名为show_scrollbg
第三层位按钮滑块,把影片剪辑拖入舞台左上角,实例名为show_scroll
以上三层在第三帧按F6插入帧
3;第四层在第二帧和第三帧处插入空白关键,第二帧写上如下代码
if (scroll_lock=="no")
{show_scroll._y+=(_ymouse-show_scroll._y-15)/2

}
show_image._y+=(-(show_image._height-300)*(show_scroll._y/270)-show_image._y)/20

第三帧写上如下代码
gotoAndPlay(2);
4;第五层第一帧代码如下
show_scroll.onPress=function(){scroll_lock="no"}
show_scroll.onRelease=function(){scroll_lock="yes"}
show_scrollbg.onPress=function(){scroll_lock="no"}
show_scrollbg.onMouseUp=function(){scroll_lock="yes"}
好了,测试影片看效果吧!
源文件下载点这里

"flash滚动条实现缓冲效果实例"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19280.html

感谢q930的投稿


关于《flash滚动条实现缓冲效果实例》文章的评论

站内搜索: 高级搜索

热门搜索:关键字 键盘  Windows PHP CPU style 系统 Google td tr IP function