`
hgfghwq15
  • 浏览: 50102 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

FLASH缓冲滚动升级版本

阅读更多

 
这个教程和 以前经典出现的平滑滚动原理 完全不同 绝非抄袭 功能也有区别
flash演示+教程:
[url=http://www.blueidea.com/articleimg/2004/06/1950/show.html]
http://www.blueidea.com/articleimg/2004/06/1950/show.html

[/url]
FLA源代码下载:
[url=http://www.blueidea.com/articleimg/2004/06/1950/feng4ever_scroll.fla]
http://www.blueidea.com/articleimg/2004/06/1950/feng4ever_scroll.fla
[/url]
简单介绍 :


详细介绍 :
第一帧action
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"} //鼠标提升 锁被关闭 (这里是有原因的 当你鼠标按下 放开的时候不是在滚动条背景 scrollbg的时候锁就永远不会关闭,整个图片将一直随着鼠标缓缓飘逸于你的显示器上)
第二帧
if (scroll_lock=="no"){
show_scroll._y+=(_ymouse-show_scroll._y-15)/2
}
show_image._y+=(-(show_image._height-300)*(show_scroll._y*
300/270)/300-show_image._y)/20
更一般性的
if (scroll_lock=="no") {
   show_scroll._y+=(_ymouse-show_scroll._y-[滚动条长度的一半])/
[滚动条缓冲常数,这里不要设置太大 以免 鼠标下来了 滚动条还在上面]
}
show_image._y+=(-(show_image._height-[滚动显示区域的高度])*
(show_scroll._y*/[滚动显示区域的高度-滚动条高度])-show_image._y)/
[被滚动影片缓冲常数,这里不要设置太大 以免 鼠标下来了 滚动条还在上面]
下面先讲 按住滚动条滚动
当没上锁的时候 也就是 滚动条scroll或者背景scrollbg 被按下的时候
show_scroll._y 也就是滚动条的垂直位置缓冲移动到鼠标当前位置的 上15个象素
然后被滚动影片 以缓冲 移动到 一个指定位置
主要的地方来了: 等我吃个茶叶蛋 打个屁 继续
show_image._height-300 意思就是_ymouse-show_scroll._y-[滚动条长度的一半]
show_image 被移动的最大范围 然后下面就是要让 show_image滚动到的位置 所占 总滚动位置的比例 和 滚动条移动到的 y占总移动范围的比例一样
所以有了 show_image+=([极限位置]-show_image._y)/20 这个是缓冲的算法 向极限 每次循环以当前距离的 1/20靠近
[极限位置] =-(show_image._height-300)*(show_scroll._y*300/270)/300
(show_scroll._y*300/270)/300 是 滚动条的 _y 占滚动范围的比例
(
为什么 要 有 *300/270)/300 为什么不直接 /270 ??? 问得很好,这是因为我写错了
)
然后 用 show_image._height-300 乘 (show_scroll._y/270) 就得到 show_image 占总滚动比例于 滚动条占滚动总范围的 比例一样的 _y的值 前面加"-"号 是要达到 滚动条向下 被滚动mc向上的效果
然后说 当你点击 滚动条 可移动范围空白区域 的时候的情况
这个时候 锁打开 得到 鼠标当前位置
滚动条马上缓冲移动到这个位置
然后 相当于拖动滚动条移动一样 向下执行步骤

本文转自:http://www.5uflash.com/flashjiaocheng/Flashyingyongkaifa/232.html
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics