`
hgfghww9
  • 浏览: 50608 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

用鼠标观看图片各部分的效果

阅读更多

 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
分享到:
评论

相关推荐

    jQuery鼠标悬停图片位置切换效果

    效果描述: 默认显示五张图片,中间一个高亮显示 任意鼠标悬停在四周的一个图片上,当前图片立即与中间的图片交换位置 注意:图片交换过程中,即动画执行过程中,鼠标再次悬停在别的图片位置上的时候,...

    懒人原生鼠标悬停图片文字动画效果

    多个图片列表排列后,鼠标悬停在其中一个图片上后,显示标题以及图片文字介绍效果 由下往上滑动展示出来,背景颜色半透明,默认80%透明度,需要的懒人可以自己修改背景颜色以及透明度 原理: 利用...

    jquery鼠标悬停高亮图片滑动效果

    此效果非常适合用在图片列表上 效果描述:鼠标悬停在图片上后,有一个高亮的光线从左向右滑动展示,同时底部滚动出文字说明效果 效果轻巧,用起来又很舒适,懒人站长特别推荐 附件中只有一个默认的index...

    jQuery实现鼠标悬停图片边框动画切换效果

    鼠标移动到图片上后,边框有一个动画效果,看起来很舒服 缺点:不兼容IE7,IE8浏览器下兼容性还可以,只是没有了边框动画效果,点击图片照样有效果 使用方法: 1、将head中的样式引入到你的页面中 ...

    Unity鼠标滑过,图片局部放大效果

    Unity中鼠标滑过,图片局部放大效果,像淘宝上商品详细的效果

    css3鼠标悬停图片抖动效果

    一款纯css3实现的图片抖动效果 附件提供了多种图片抖动样式 喜欢的懒人可以自己试着下载使用,或者学习 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (图片...

    鼠标经过图片半透明效果文字滑动显示

    一个经过修改后的鼠标悬停图片上,图片显示一层半透明遮罩效果,同时文字说明从左向右滑动显示 修改后的效果更佳方便使用: 1、只需要打开附件中的index.html页面,将其中的 代码部分 拷贝到你的网页中即可

    纯CSS鼠标悬停图片缩放效果

    当鼠标悬停后,图片自动向上缩小,文字显示更多,鼠标移走后恢复原样。 含有部分CSS3特效,低版本浏览器下无切换过程,请在高版本浏览器下浏览

    懒人原生鼠标悬停图片轻微位移动画效果

    当然,淘宝、天猫官网首页,仔细观察的话,也有这样的鼠标移动到列表上某个图片 图片轻微移动的效果,很小很轻,当然,那是采用css3写的效果 毕竟懒人们面对的是企业网站,“上帝们”还是会要求兼容低版本...

    jQuery鼠标悬停图片翻转显示文字说明效果

    切换过程带有一个立体式效果,用起来很舒服,鼠标移走后,再次恢复显示图片 使用方法: 1、引入index.html中的css样式 2、将body中的代码部分引入到你需要的地方即可 (图片、js库采用绝对路径,不...

    纯css3实现鼠标滑过图片显示图文效果

    纯css3实现的鼠标悬停图片后的动画效果 默认文字隐藏在div外部,当鼠标悬停后,图片向上移动 同时显示出底部隐藏的内容 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码...

    Qt 实现被鼠标悬浮的图片放大显示

    界面上有三张图片,当鼠标指针移动到某图片之上,该图片会放大显示,当鼠标移到另一张图片之上时,前一张图片变为原大小,后一张图片放大显示。

    jquery图片跟随鼠标移动效果

    左右全屏图片,超出部分默认隐藏。当鼠标移动上去的时候,JS会自动判断鼠标位置,并调用图片移动,保证整个页面都可以很好的看到全部的图片。此代码的好处是很好的解决了窄屏浏览器查看分辨率较高的图片问题

    jquery鼠标悬停图片放大、鼠标状态自定义切换

    今天推荐jquery-boomer.js插件给大家使用,它支持自定义gif背景图片等等,让你可以用css的background属性即可实现自定义鼠标 使用方法: 1、将head中的样式引入到你的样式表中 2、将body中的代码部分...

    网页底部导航鼠标悬停弹出图片列表效果

    且随着鼠标上下移动的同时,图片列表也会上下移动,效果用起来很舒服 使用方法: 1、将lanrenzhijia.css样式引入到你的网页中 2、将附件中index.html中body部分的代码拷贝到你的网页中即可

    jQuery鼠标悬停图片四处裂显示文字特效

    鼠标移走后,图片重新回来,并带有缓冲效果,特效非常不错,懒人站长推荐下载使用 整个页面的js以及图片已经改变为绝对路径,这样懒人们就不会因为路径问题而烦恼了 使用方法: 1、将lanrenzhijia.css...

    CSS3鼠标悬停文字动画倾斜效果

    当鼠标悬停在图片上的时候倾斜显示多种透明的小动画效果 鼠标移走后恢复默认效果 不使用任何js代码,纯静态的css3即可实现这种要用大量JS才能实现的特效 而且占用内存极低,代码简单易懂,推荐各位懒友...

    CSS实现的一闪而过的图片闪光效果

    下面就是这张Addy在他博客上使用的图片: 比我需要的要大一些,但你可以把它裁剪一些。 注意:左边的那张是纯白色的,所以看不到,两张图在CSS代码中都要用到。 HTML代码 制作这种闪光效果,需要有两个元素:一个外...

    jquery实现鼠标移动到图片上边框放大缩小效果

    附件提供了多种效果,可以隐藏部分图片,鼠标移动到图片上后显示全部,若隐若现的感觉,效果良好

    jQuery图片左右滑动鼠标悬停放大效果

    一个非常简洁易用的jQuery图片放大效果,主要使用jQuery的animate方法实现 没有使用css3代码,支持左右点击滚动,兼容主流浏览器 使用方法: 1、在你的网页中引入lanren.js文件 2、将index.html中...

Global site tag (gtag.js) - Google Analytics