Flash手把手做个悬浮标签

  演示效果:

  悬浮标签的作用大家可能都知道:起着解释说明的作用,我们在电脑的很多地方都可以看到,这回我们用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

时间: 2024-08-03 22:32:08

Flash手把手做个悬浮标签的相关文章

Flash MX2004支持的HTML标签

 Flash MX2004支持一些HTML标签,为我们的设计工作提供了一些方便. <b> 粗体标签 例: my_txt.htmlText="<b> Bold </b>" <br> 换行标签 例: my_txt.htmlText="Title of Articles <br>" <font> 字体标签 属性:color:字体颜色,格式#RRGGBB. face:字体,可以是单个字体或字体列表. s

做百度悬浮广告一天后的数据分析

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 做百度悬浮广告一天后的数据分析,百度推广联盟又出新业务了,于2月2日推出了悬浮广告.一共有3种广告格式,漂浮对联广告.漂浮按钮.右下角漂浮视窗.在收到百度发来的邮件后,我第一时间加上了一个悬浮广告,是用我自己的站测试数据,大家也可以去百度联盟看官方的说明,以下是我的测试数据,供大家参考. 我的网站从2月2日下午2点开始投放,今天中午1点多,终

如何让门户网站免费为你做长久性的标签广告

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 这篇文章主要讲的是电影网站的宣传方法,案例以九州影院vod11.com为例,下一篇讲房产类型网站的宣传方法案例以 齐易房网qlif.cn为例! 相信做电影网站的个人站长不乏少数,真正做的成功的却不多,其中也包括我本人(主要原因本人太懒^.^). 发现现在做电影站的站长都喜欢用采集工具来填库,虽然库是很快满了,但是内容却很乱,很差,对搜索引擎的

FLASH+JS做的全屏效果及AS集锦

js 一.需求分析:1:全屏页面分辨率需为 1024*768 如果低于此分辨率,画面精细的效果得不到体现.所以应该限制此分辩率以下的操作系统访问此界面.2:打开的全屏窗口应该右上角有最小化.关闭按扭.3:每个载入的窗口应该可以移动.关闭.最小化.4:桌面上的图标可以拖动,双击.5:屏幕底部有一个任务栏,当鼠标移至屏幕底部,任务栏从底部弹出.可以用一个按扭使其退回屏幕底部. 二.技术要点: Java Script:Screen 对象 (object):该对象具有以下属性(Properties):a

使用Flash MX制作拖动悬浮的窗口的方法

我们平时所说的可以拖动的悬浮窗口.笔者以Flash MX为课件制作平台,将实现方法与大家共享. 此方法只用到一个SWF文件,主场景和悬浮窗口都包含在同一个文件中.首先将悬浮窗口隐藏起来,当主场景中的按钮按下之后,把悬浮窗口显示出来,这样,就显示了可拖动的悬浮窗口. 1. 在主场景中设置好背景,制作好一个个性化的按钮,在按钮上右击,选择"动作",添加如下代码: on (release) { setProperty("/windows", _visible, true)

在FLASH里做字做圆型轨迹运动

轨迹 1:随便新建个场景 在场景里随便写个字 我这里写的是 1 2:单击键盘 Q 或者工具里的 任意变形工具 3:把中心点拖到下面的位置(是以中心点的位置做运动) 4:CTRL+T 叫出 变形工具 5:设置 旋转度为 40 6:按 复制应用变形工具 7:一直到得到你想要的图形位置 我这里最终的图是: 8: 你调整字的中心点可以控制轨迹的大小 我这里把中心点设置到下面这里: 9:最后得到的效果:

Flash如何做鼠标指针样式

首先在FLASH编辑状态按Ctrl+F8创建一个MC,MC的内容可以是动态的也可以是静态的,它决定你鼠标指针的样式.注意 :把图象的中心对准MC场景的中心(打十字符号的地方即为中心)因为计算机取MC的_X._y横纵坐标值就是读取该十字中心的坐标. 返回主场景,把MC拖放到工作区中.注意:最好直接拖放到场景边框以外,否则在刚开始的时候MC就显露在场景中. 反键点击工作区中的MC,给MC添加ACTION如下: onClipEvent (load) { Mouse.hide(); } onClipEv

Flash Actionscript做图片马赛克效果动画

演示效果: 点击这里下载源文件 1.制作方法很简单,首先导入一幅大小合适的图片,然后选中图片按F8将它转换为一个影片剪辑元件.如图: 2.之后我们单击选中舞台上图片,然后按F9打开动作面板,添加如下代码: onClipEvent (load) { //当影片剪辑出现在时间轴上时,执行大括号里的语句numX = 56;numY = 70;//定义图象显示的尺寸numPerFrame = 60;//定义针速currSquare = 0;choices = new Array();for (i=0;

用YUI做了个标签浏览效果_javascript技巧

在这里先要感谢yahoo的工程师们无私的将他们的成果奉献出来--yui(yahoo! ui)其实这是它自带的一个例子,我只是熟悉了一下,各种接口调用还是比较方便的浏览:http://www.healdream.com/upload/html/tabview_test.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt