Flash制作文本框滚动缓冲效果
日期:2007年7月21日 作者: 查看:[大字体 中字体 小字体]-
效果如下:
今天写了这个效果的代码
用在主页的diary里
觉得以前用scroll对象来控制文本框,滚动起来比较生硬
其中drag为滚动条名字
block为文本框
b_up,b_down为上下滚动按钮
主要方法是用block始终跟随drag的位置变化而滚动
而b_up,b_down还有鼠标滚轮都是直接控制drag的位置变化的,从而间接控制文本框的滚动// JTL
// http://www.hartech.cn
// e-mail: jtl.zheng@gmail.com
//初始化函数
function Var() {
//滚动条与上下按钮的间隙
space = 31;
//上下按钮的滚动速度
updown_speed = 5;
//文本框的滚动范围
block_range = block._height-mark._height;
//文本框的初始位置
block_origin = block._y;
//滚动条的滚动范围
drag_range = b_down._y-b_up._y-2*space;
//滚动条的初始位置
drag_origin = b_up._y+space;
//初始化滚动条位置
drag._y = drag_origin;
//滚动缓冲系数
k = .1;
}
Var();
//block为文本框,始终跟随滚动条(drag)变化
block.onEnterFrame = function() {
//pos为文本框目标位置
pos = block_origin-(drag._y-drag_origin)*block_range/drag_range;
//缓冲效果
this._y += (pos-this._y)*k;
};
drag.onPress = function() {
this.startDrag(false, this._x, drag_origin, this._x, (drag_origin+drag_range));
};
drag.onRelease = function() {
this.stopDrag();
};
//up_down按钮
b_up.onPress = function() {
onEnterFrame = function () {
if (drag._y<=drag_origin) {
drag._y = drag_origin;
} else {
drag._y -= updown_speed;
}
};
};
b_up.onRelease = function() {
onEnterFrame = null;
};
b_down.onPress = function() {
onEnterFrame = function () {
if (drag._y>=drag_origin+drag_range) {
drag._y = drag_origin+drag_range;
} else {
drag._y += updown_speed;
}
};
};
b_down.onRelease = function() {
onEnterFrame = null;
};
//侦听mouse滚轮
mouseListener = new Object();
mouseListener.onMouseWheel = function(delta) {
if (delta>0) {
drag._y -= updown_speed*2;
}
if (delta<0) {
drag._y += updown_speed*2;
}
if (drag._y<=drag_origin) {
drag._y = drag_origin;
}
if (drag._y>=drag_origin+drag_range) {
drag._y = drag_origin+drag_range;
}
};
Mouse.addListener(mouseListener);
- [1] [2] 下一页
-
- Flash制作文本框滚动缓冲效果 相关文章:
- ·Flash制作文本框滚动缓冲效果
- Flash制作文本框滚动缓冲效果 相关软件
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
下一篇:在FLASH里做字做圆型轨迹运动
精品推荐
热点TOP10
- ·Flash百叶窗制作教程
- ·Flash制作非常逼真的下雪视觉动画效果
- ·Flash:闪动的星星
- ·精彩推荐:全Flash网站制作实例
- ·FLASH 8实例教程:瀑布动画制作方法
- ·用flash制作简单拼图游戏
- ·Flash视觉效果之漫天飞雪
- ·最简单的FLASH动画LOADING制作
- ·Flash动画制作技巧:一些动画素材
- ·Flash制作超酷旋转互动相册
- ·Flash声音控制详解
- ·Flash打造碧海蓝天海鸥飞翔动画
- ·Flash AS制作下雪动画效果
- ·Flash制作滚动广告图片效果
- ·Flash实例教学:三维烟花动画制作
- ·入门级:教你用flash画画
- ·银行利率表
- ·Flash制作过渡卷动效果精美图库特效
- ·Flash制作熊熊燃烧的火焰
- ·中秋寄相思 自制Flash贺卡
特别推荐
- ·Flash简单制作实用的图片切换动画特效
- ·简易拼图游戏制作
- ·Flash教程:纯AS制作简单的MP3播放器
- ·纯AS的Loading效果四例
- ·Flash角色透视行走动作分解
- ·入门级:教你用flash画画
- ·Flash制作过渡卷动效果精美图库特效
- ·Flash制作Mac系统菜单的效果
- ·视觉欺骗
- ·Flash制作非常逼真的下雪视觉动画效果
- ·超详细图文解析 用Flash制作魔法表情
- ·Flash Action应用--鼠控3D旋转
- ·Flash打造碧海蓝天海鸥飞翔动画
- ·FLASH 8实例教程:瀑布动画制作方法
- ·Flash视觉效果之漫天飞雪
- ·Coldfusion MX技巧精华收集(1)
- ·Actionscript列表
- ·用Flash简单制作印章动画视觉效果
- ·flash8打造瀑布动画效果教程
- ·Flash里的A*Pathfinding
