| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > Flash辅助软件 > 文章正文 用户登录
如何加入透明Flas
为新浪博客添加fl
flashget下载联盟
265联盟:“Flash
新易网络提供100M
龙太极/100m/asp/
无限网络提供50M 
霞光科技50M/Htm/
苏能科技100M/FTP
悠博科技50M/FTP/

FLASH缓冲滚动升级版本           

FLASH缓冲滚动升级版本

作者:佚名 来源:蓝色理想 作者: feng4ever 更新:2007-1-13 20:42:24 错误报告 我要投稿

这个教程和 以前经典出现的平滑滚动原理 完全不同 绝非抄袭 功能也有区别

flash演示+教程:/Upload/2004_Pack/200461510345046.swf
FLA源代码下载:
[ 点击下载 ]

简单介绍 :




详细介绍 : 第一帧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向上的效果

然后说 当你点击 滚动条 可移动范围空白区域 的时候的情况

这个时候 锁打开 得到 鼠标当前位置

滚动条马上缓冲移动到这个位置

然后 相当于拖动滚动条移动一样 向下执行步骤




文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。