论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

仿CCTV导航栏效果

文章类别:Flash | 发表日期:2008-9-21 19:21:28

  老看到有人要这个效果我就做了一个。

我的程序不太漂亮 可能还有些BUG,而且有的地方还比较罗嗦,还需简化。最后 还要请大家指正。

原地址:http://www.cctv.com/recreation/index.shtml

点击浏览该文件
点击浏览该文件
http://www.flash8.net/bbs/UploadFile/2005-2/200522683243585.swf

代码如下:

r = 0;
function dy(mm) {//按钮条移动的缓冲效果;
onEnterFrame = function () {
dx = mm-mcc._y;
ax = 0.1*dx;
mcc._y += ax;
};
}
function dyy() {//按钮条移动的缓冲效果(用于鼠标移出按钮的时候);
onEnterFrame = function () {
dx = _root["mc"+r]._y-mcc._y;
ax = 0.1*dx;
mcc._y += ax;
};
r++;
if (r == 5) {
r = 1;
}
bigmc.gotoAndStop(r);
trace(r);
}
function ddy() {
m = setInterval(dyy, 3000);//三秒钟调用函数一次,即三秒中导航条下移一格;
}
ddy();//设置动画一开始就自动进行移动循环;
mc1.onRollOver = function() {
dy(this._y);//当鼠标移动上去的时候执行函数dy,下同;
r = 1;
clearInterval(m);//当鼠标移动上去的时候消除自动移动的效果,下同;
bigmc.gotoAndStop(1);
};
mc2.onRollOver = function() {
dy(this._y);
r = 2;
clearInterval(m);
bigmc.gotoAndStop(2);
};
mc3.onRollOver = function() {
dy(this._y);
r = 3;
clearInterval(m);
bigmc.gotoAndStop(3);
};
mc4.onRollOver = function() {
dy(this._y);
r = 4;
clearInterval(m);
bigmc.gotoAndStop(4);
};
mc1.onRollOut = function() {
ddy();//当鼠标移出的时候执行导航条自动移动函数,下同;
};
mc2.onRollOut = function() {
ddy();
};
mc3.onRollOut = function() {
ddy();
};
mc4.onRollOut = function() {
ddy();
};

上一篇:{应用}纯AS的百叶窗效果 人气:2189
下一篇:{应用}遮照做的毛笔字效果 人气:4454
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058