仿CCTV导航栏效果

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

老看到有人要这个效果我就做了一个。我的程序不太漂亮可能还有些BUG，而且有的地方还比较罗嗦，还需简化。最后还要请大家指正。原地址：http://www.cctv.com/recreation/index.sHTML

点击浏览该文件

代码如下： 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();
}; 关键词：导航

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

分享到：更多

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

上一篇: 俯视飞鸟动画教程下一篇: 极坐标的应用

关于仿CCTV导航栏效果的所有评论

随机推荐