拖动缓冲图片

作者佚名技术来源服务器技术浏览发布时间 2012-07-11

点击浏览该文件

点击浏览该文件
在这里我也做了个拖动滚动条使图片达到缓冲滚动效果.
以下是主要代码: black.attachMovie("pic_1", "pic_1", 0);
var mask_height = 272;
var black_s_y = 64;
var k = .1;
black._y = black_s_y;
Var();
function Var() {
black_height = black._height;
//滚动画面的总长度
drag_hMax = mask_height-b_up._height*2-6;
drag._height = mask_height/black_height>=1 ? drag_hMax : mask_height*drag_hMax/black_height;
//这里的拖动条的长度根据图片来确定的，可以找不同长度的图片来试效果，其实如果图片比显示区域的高度小的话，拖动条也可以设置不可见
drag_s_y = black_s_y+b_up._height+3;
drag._y = drag_s_y;//处始拖动条的位置
drag_e_y = black_s_y+mask_height-b_up._height-3-drag._height;
}
black.onEnterFrame = function() {
this.pos_y = black_s_y-(drag._y-drag_s_y)*(black_height-mask_height)/(drag_e_y-drag_s_y);
//这里是拖动条和图片的一个比例关系
this._y += (this.pos_y-this._y)*k;
//图片位置的缓冲效果
};
drag.onPress = function() {
this.startDrag(false, this._x, drag_s_y, this._x, drag_e_y);
};
drag.onRelease = function() {
this.stopDrag();
};
//-------------up_down按钮----------
b_up.onPress = function() {
onEnterFrame = function () {
drag._y -= 5;
if (drag._y<=drag_s_y) {
drag._y = drag_s_y;
}
};
};
b_up.onRelease = function() {
onEnterFrame = null;
};
b_down.onPress = function() {
onEnterFrame = function () {
drag._y += 5;
if (drag._y>=drag_e_y) {
drag._y = drag_e_y;
}
};
};
b_down.onRelease = function() {
onEnterFrame = null;
};
//这里是上下按钮，按住不放，拖动会持续滚动
change_btn.onPress = function() {
!t ? (t=true, black.attachMovie("pic_2", "pic_2", 0)) : (t=false, black.attachMovie("pic_1", "pic_1", 0));
Var();
};
//虽然组件中有类似的功能,但是没有缓冲效果,本来想把这个写成个组件,但是没时间了(写组件好浪费时间).
//大家可以自行更改需要滚动的图片: )......
//进行了点修改，可以进行拖动，和任意拖动整个框架的位置，以及鼠标滑轮也能够起作用关键词：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 注册你的元件下一篇: 随音乐跳动的文字-AE6.5

关于拖动缓冲图片的所有评论

随机推荐