【空间攻略】Flash制作模板鼠标跟随中的隐秘功能 (24/750)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: 点滴

用户形象图片

Flash特效鼠标跟随在空间模板制作中,几乎都有用到,从简单的跟随(改变鼠标指标)到复杂的缓冲跟随,这些功能在制作中都用得不用了,在用的时候不知道制作的人是否仔细看过Flash中的了些函数的全部用图。这几次制作的模板都跟随鼠标的提示信息。

特效思想:当把鼠标放在某一按钮上时,鼠标旁边就会出现提示信息,鼠标在按钮上移动时,提示信息跟着移动,鼠标离开按钮时,提示信息消失。
应用函数:startDrag(target, [lock, left, top, right, bottom])
本篇主要用到中括号内的参数[lock, left, top, right, bottom]
lock,是一个真假值,主要确定所跟随影片是否在鼠标在中央
其它几个参数用于指定影片跟随鼠标的范围。
以这次空间模板为例下面将制作步骤详细说明。


示例模板 
http://www.yddi.net/qzone/090605/works.swf

 
上方模板中,可把鼠标放在滚动图片上会有跟随鼠标的提示信息。
下面制作步骤只是说明上方模板中的用到的步骤只局限于上方模板,制作方法可以应用其它方面。

相关空间制作步骤
空间主页图片滚动鼠标控制,个性味十足

Flash制作幸运转盘,惊喜竟在偶然间 
   
打开Flash软件,导入【文件-导入】事先准备好的图片我这里用了三张,分别摆放到场景中,如图所示。

新建按钮元件,用来做按钮热点【Ctrl+F8】在点击帧创建关键帧【F6】,用矩形工具【R】绘制一矩形,大小随意,如图所示。

在场景中新建一个图层,把做好的按钮放于场景中图片的上方对齐(按钮大小可能与图片不一样,这里可用变形工具【Q】缩放按钮大小,单边缩放时可按住Alt键再用鼠标缩放按钮),如图所示。


再新建立【Ctrl+F8】影片元件命名为“info”,并在影片内创建三层,分别命名为“标记、信息、背景”,在标记和信息层创建4个关键帧,给标记层上每一个关键帧添加标记,如图所示。
   
“info”的第二层“信息”图层用来写图片信息内容的,并在标记层第一帧写入代码stop(),如图所示。

 
回到场景中,新建图层把“info”影片放在该层并为该影片命名实例名为“info”(由于影片第一帧没有绘制对象,所以放在场景中是透明的,而命名实例名时必须选中影片,所以命名时须注意)如图所示。


下面我们要获取三张图片在场景中的左上角和右下角坐标值来确定鼠标跟随的范围,在这里我在场景中绘制一个矩形来获取的,左上角和右下角坐标值,这个坐标值得到后,写入到什么地方呢,我们看到上方left, top, right, bottom这四个参数,那么第左上角这个矩形的坐标X,Y就是left,top这两个参数的值,右下角的矩形坐标X,Y就是right,bottom两个参数的值,如图所示。




left, top, right, bottom四个参数值得到后,选中场景中的info影片元件,打开动作面板写入跟随鼠标的代码,如图所示。

选中场景中的按钮打开动作面板写入调用info影片内的图片信息代码,如图所示。


第一个按钮用info.gotoAndStop("i1")第二个按钮用info.gotoAndStop("i2")第三个用info.gotoAndStop("i3")其它内容不变。


为了方便对照查看,这里提供源文件下载——右击另存为

回到帖子顶部

回帖 引用 1楼梅子

用户形象图片

沙发哇

超强的新的鼠标跟随
回到帖子顶部

回帖 引用 2楼Y 妖异、砂纙

用户形象图片

呵呵   有趣   
回到帖子顶部

回帖 引用 3楼左眼皮跳跳~~

用户形象图片

强人 我这个还真是弱诶 慢慢研究吧
不过谢啦
回到帖子顶部

回帖 引用 4楼 ゝ 兲未蘫

用户形象图片

ZC~~


回到帖子顶部

回帖 引用 5楼漂泊雪

用户形象图片

强烈支持下~
回到帖子顶部

回帖 引用 6楼HappyAmber

用户形象图片

真的是太厉害了!!!学习了
回到帖子顶部

回帖 引用 7楼天风情

用户形象图片

厉害             慢慢研究。。。。。。。。。。。。。。。
回到帖子顶部

回帖 引用 8楼↙ωǒ蔂ㄋ↗

用户形象图片

刻苦钻研。。。。。。。。
回到帖子顶部

回帖 引用 9楼□(□)□

用户形象图片

沙发          坐坐
回到帖子顶部

回帖 引用 10楼婆娑

用户形象图片

 看了再看  还是看不懂 
回到帖子顶部

回帖 引用 11楼〆槑 ヽ小jia

用户形象图片

厉害啊,看过了
回到帖子顶部

回帖 引用 12楼 ¨Joy

用户形象图片

看看,嘻嘻
回到帖子顶部

回帖 引用 13楼 □小sā

用户形象图片

不会 ,坐下来慢慢琢磨
回到帖子顶部

回帖 引用 14楼Я帅‘~~酷ぁ

用户形象图片

谢啦 我是新手 多多指教
回到帖子顶部

回帖 引用 15楼ミ浮生若梦

用户形象图片

   看不懂呀····
回到帖子顶部

回帖 引用 16楼′潶白╅笹堺

用户形象图片

支持下!值得参考一下
回到帖子顶部

回帖 引用 17楼莪 `虚伪__

用户形象图片

好复杂呀!!!
回到帖子顶部

回帖 引用 18楼 1+1

用户形象图片

汗~~~看起来我还是菜鸟额~~
回到帖子顶部

回帖 引用 19楼心/mg云

用户形象图片

一点都不 懂
回到帖子顶部

回帖 引用 20楼︶ㄣ忘憂ぺ

用户形象图片

虽然不会 好贴一定要顶,我打好基础再来研究
回到帖子顶部

回帖 引用 21楼籹秂迩莂袳吢

用户形象图片

楼主啊!你那flash软件也要跟我们说说吧!
我们没有下载有啊!
谢谢!
回到帖子顶部

回帖 引用 22楼袏佑/xs輫懷

用户形象图片

我们还是 菜鸟看不懂!!!!! 
回到帖子顶部

回帖 引用 23楼情迷特雷西

用户形象图片

以前学过FLASH,现在都忘的差不多了,哎。。。
回到帖子顶部

回帖 引用 24楼      

用户形象图片

好厉害。。这么多看着头晕
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]