|
首页 | 名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
演示效果:
悬浮标签的作用大家可能都知道:起着解释说明的作用,我们在电脑的很多地方都可以看到,这回我们用flash来做一个悬浮标签。 step1:预备六个图标,把它们转变为button,实例名分别为b1,b2,b3,b4,b5,b6。 用矩形工具画个无边框的矩形,颜色就选黄色吧,按F8转化为movie clip,实例名为cap。 双击进入编辑状态,新建一图层,接下来做一个动态文本框:width:100,heigth:15,颜色为黑色,实例名为desc,返回主影片。 step2:在主影片上新建一图层,放动作脚本: b1.onRollOver = function() {
captionFN(true, "Button1", this); this.onRollOut = function() { captionFN(false); }; }; b2.onRollOver = function() { captionFN(true, "Button2", this); this.onRollOut = function() { captionFN(false); }; }; b3.onRollOver = function() { captionFN(true, "Button3", this); this.onRollOut = function() { captionFN(false); }; }; b4.onRollOver = function() { captionFN(true, "Button4", this); this.onRollOut = function() { captionFN(false); }; }; b5.onRollOver = function() { captionFN(true, "Button5", this); this.onRollOut = function() { captionFN(false); }; }; b6.onRollOver = function() { captionFN(true, "Button6", this); this.onRollOut = function() { captionFN(false); }; }; captionFN = function (showCaption, captionText, bName) { if (showCaption) { _root.createEmptyMovieClip("hoverCaption", this.getNextHighestDepth()); cap.desc.text = captionText; cap._width = 7*cap.desc.text.length; cap._alpha = 75; // if ((bName._width+bName._x+cap._width)>Stage.width) { xo = -2-cap._width; yo = -17; } else { xo = 2; yo = -17; } hoverCaption.onEnterFrame = function() { cap._x = _root._xmouse+xo; cap._y = _root._ymouse+yo; cap._visible = true; }; } else { delete hoverCaption.onEnterFrame; cap._visible = false; } }; ok,ctr+enter 返回类别: Flash教程 上一教程: Flash游戏制作:点击可弹动的小球 下一教程: FlashMX 视频教程(41)-导入声音 您可以阅读与"Flash手把手做个悬浮标签"相关的教程: · 手把手教你做Flash MTV · 手把手教你学习Flash视频教程 · FLASH WEB制作实例讲解(帧标签的使用) · Flash MX 2004 支持的HTML标签 · 用FlashMX制作拖动悬浮窗口 |
快精灵印艺坊 版权所有 | 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店 |