Flash AS 制作用鼠标可以观看图片各个部分的效果,至于具体怎么用,你就自己决定吧!这个教程因为制作方法非常简单所以不给大家提供Fla源文件了!
先看演示效果:
制作方法非常简单。
首先准备一幅大的图片([1b]图片尽量足够大[/1b]),导入到Flash库中,然后建立一个影片剪辑map,把图片放到这里来,调整到合适位置。
然后再建立一个影片剪辑,制作一个箭头。
回到主场景中在第一帧添加如下代码:
Mouse.hide();
_root.attachMovie("map", "map", 1);
_root.attachMovie("the_arrow", "the_arrow", 2, {_x:250, _y:175});
the_arrow.onEnterFrame = function() {
this._x += (_xmouse-this._x)/5;
this._y += (_ymouse-this._y)/5;
dist_x = this._x-250;
dist_y = this._y-175;
angle = Math.atan(dist_y/dist_x)/(Math.PI/180);
if (dist_x=0 and dist_y1000) {
map._x = 1000;
}
if (map._x1000) {
map._x = 1000;
}
if (map._y
保存测试吧!在这里演示因为网络原因我只给大家导入一幅小图
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1292.html
发表评论
-
一步一步学Remoting之三:复杂对象
2010-04-10 10:05 651这里说的复杂对象是比 ... -
Flash8 Remoting 例子 For .NET
2010-04-10 10:05 597最近研究Flash Remoting的 ... -
Flash8 Remoting 例子 For .NET
2010-04-10 10:04 635最近研究Flash Remoting的 ... -
flash 8 安装remoting解决方法
2010-04-10 10:04 704刚安装的FLASH8,表面上看上去并不支持remoting.需 ... -
flash 8 安装remoting解决方法
2010-04-10 10:04 446刚安装的FLASH8,表面上看上去并不支持remoting.需 ... -
ActionScript 3 Cookbook中文版 章节预览
2010-04-09 13:02 547[1b]ActionScript 3 Cookbook 中 ... -
ActionScript 3 Cookbook中文版 章节预览
2010-04-09 13:02 737[1b]ActionScript 3 Cookbook 中 ... -
《ActionScript 3.0 Cookbook》 第一章. ActionScript 语言基础
2010-04-09 13:02 508[1u] [1b]ActionScript 3.0 Coo ... -
《ActionScript 3.0 Cookbook》 第一章. ActionScript 语言基础
2010-04-09 13:01 687[1u] [1b]ActionScript 3.0 Coo ... -
as3游戏开发之打气球系列(二)
2010-04-09 13:01 530HI,经过了昨天疯狂的理 ... -
2/8/10/16/32进制AS3自带函数进行互换
2010-04-09 10:08 871进制转换在编程中都常会用到,像一些语言更会自带进制转换的方法。 ... -
2/8/10/16/32进制AS3自带函数进行互换
2010-04-09 10:08 927进制转换在编程中都常会用到,像一些语言更会自带进制转换的方法。 ... -
flash地图游戏说明如何结合AS3.0使用
2010-04-09 10:08 841记得AS2.0帮助文档还未看到1/100时,AS3.0就铺天盖 ... -
flash地图游戏说明如何结合AS3.0使用
2010-04-09 10:08 751记得AS2.0帮助文档还未看到1/100时,AS3.0就铺天盖 ... -
AS3的网页参数处理
2010-04-09 10:07 597我们一般向网页swf文件传入参数有两种方式,一种是URL如: ... -
用鼠标观看图片各部分的效果
2010-04-08 10:26 718Flash AS 制作用鼠标可以观看图片各个部分的效果,至于 ... -
漫画绘制技法大放送(上)
2010-04-08 10:26 339网络收集整理(jundark) [1b]一、人体基本结构[/1 ... -
flash动画形变讨论二:低头
2010-04-08 10:25 455上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ... -
卡通娃娃360度转身动画
2010-04-08 10:25 534超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了, ... -
动画人物运动规律与节奏
2010-04-08 08:37 588本文转自:h ...
相关推荐
效果描述: 默认显示五张图片,中间一个高亮显示 任意鼠标悬停在四周的一个图片上,当前图片立即与中间的图片交换位置 注意:图片交换过程中,即动画执行过程中,鼠标再次悬停在别的图片位置上的时候,...
多个图片列表排列后,鼠标悬停在其中一个图片上后,显示标题以及图片文字介绍效果 由下往上滑动展示出来,背景颜色半透明,默认80%透明度,需要的懒人可以自己修改背景颜色以及透明度 原理: 利用...
此效果非常适合用在图片列表上 效果描述:鼠标悬停在图片上后,有一个高亮的光线从左向右滑动展示,同时底部滚动出文字说明效果 效果轻巧,用起来又很舒适,懒人站长特别推荐 附件中只有一个默认的index...
鼠标移动到图片上后,边框有一个动画效果,看起来很舒服 缺点:不兼容IE7,IE8浏览器下兼容性还可以,只是没有了边框动画效果,点击图片照样有效果 使用方法: 1、将head中的样式引入到你的页面中 ...
Unity中鼠标滑过,图片局部放大效果,像淘宝上商品详细的效果
一款纯css3实现的图片抖动效果 附件提供了多种图片抖动样式 喜欢的懒人可以自己试着下载使用,或者学习 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (图片...
一个经过修改后的鼠标悬停图片上,图片显示一层半透明遮罩效果,同时文字说明从左向右滑动显示 修改后的效果更佳方便使用: 1、只需要打开附件中的index.html页面,将其中的 代码部分 拷贝到你的网页中即可
当鼠标悬停后,图片自动向上缩小,文字显示更多,鼠标移走后恢复原样。 含有部分CSS3特效,低版本浏览器下无切换过程,请在高版本浏览器下浏览
当然,淘宝、天猫官网首页,仔细观察的话,也有这样的鼠标移动到列表上某个图片 图片轻微移动的效果,很小很轻,当然,那是采用css3写的效果 毕竟懒人们面对的是企业网站,“上帝们”还是会要求兼容低版本...
切换过程带有一个立体式效果,用起来很舒服,鼠标移走后,再次恢复显示图片 使用方法: 1、引入index.html中的css样式 2、将body中的代码部分引入到你需要的地方即可 (图片、js库采用绝对路径,不...
纯css3实现的鼠标悬停图片后的动画效果 默认文字隐藏在div外部,当鼠标悬停后,图片向上移动 同时显示出底部隐藏的内容 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码...
界面上有三张图片,当鼠标指针移动到某图片之上,该图片会放大显示,当鼠标移到另一张图片之上时,前一张图片变为原大小,后一张图片放大显示。
左右全屏图片,超出部分默认隐藏。当鼠标移动上去的时候,JS会自动判断鼠标位置,并调用图片移动,保证整个页面都可以很好的看到全部的图片。此代码的好处是很好的解决了窄屏浏览器查看分辨率较高的图片问题
今天推荐jquery-boomer.js插件给大家使用,它支持自定义gif背景图片等等,让你可以用css的background属性即可实现自定义鼠标 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中的代码部分...
且随着鼠标上下移动的同时,图片列表也会上下移动,效果用起来很舒服 使用方法: 1、将lanrenzhijia.css样式引入到你的网页中 2、将附件中index.html中body部分的代码拷贝到你的网页中即可
鼠标移走后,图片重新回来,并带有缓冲效果,特效非常不错,懒人站长推荐下载使用 整个页面的js以及图片已经改变为绝对路径,这样懒人们就不会因为路径问题而烦恼了 使用方法: 1、将lanrenzhijia.css...
当鼠标悬停在图片上的时候倾斜显示多种透明的小动画效果 鼠标移走后恢复默认效果 不使用任何js代码,纯静态的css3即可实现这种要用大量JS才能实现的特效 而且占用内存极低,代码简单易懂,推荐各位懒友...
下面就是这张Addy在他博客上使用的图片: 比我需要的要大一些,但你可以把它裁剪一些。 注意:左边的那张是纯白色的,所以看不到,两张图在CSS代码中都要用到。 HTML代码 制作这种闪光效果,需要有两个元素:一个外...
附件提供了多种效果,可以隐藏部分图片,鼠标移动到图片上后显示全部,若隐若现的感觉,效果良好
一个非常简洁易用的jQuery图片放大效果,主要使用jQuery的animate方法实现 没有使用css3代码,支持左右点击滚动,兼容主流浏览器 使用方法: 1、在你的网页中引入lanren.js文件 2、将index.html中...