快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash手把手做个悬浮标签

  演示效果:

« Full Screen »

  悬浮标签的作用大家可能都知道:起着解释说明的作用,我们在电脑的很多地方都可以看到,这回我们用flash来做一个悬浮标签。 

  step1:预备六个图标,把它们转变为button,实例名分别为b1,b2,b3,b4,b5,b6。
  ok,现在我们来做标签:

  用矩形工具画个无边框的矩形,颜色就选黄色吧,按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视频教程
· 用FlashMX制作拖动悬浮窗口
· Flash MX 2004 支持的HTML标签
· FLASH WEB制作实例讲解(帧标签的使用)
    微笑服务 优质保证 索取样品