flash AS打造图片滚动效果

当我们浏览网页时,我们经常能看到各种各样的有图片滚动的菜单、横幅及广告,尽管效果基本相同,但因为编写者的思路各异,所以脚本的繁易差异也很大,这里介绍的是一个脚本非常简单的实例。
  基本思路

  ① 在 MC 的中心点的左右两侧,同时摆放相同的一组图片,中心点也是首尾相接处

  ② 测得鼠标和场景水平中心点的距离 ,判断 MC 向左或右及以怎样速度运动。

  ③ 当 MC 左端抵场景左端或 MC 右端抵场景右端时,令 MC 回到一定位置,实现持续循环滚动

新知识点
  Stage.width// 场景的宽度,是随意老师教我的,我找半天都没找到。

  Stage.height// 场景的高度,练习要用到。

  MovieClip._width//MC 的宽度。

  MovieClip._height // MC 的高度。

  实例说明

  ①在 MC 注册点的左右都摆放同一组图片,在 主场景中若 MC 运动到边端时刻,即由中心点替代,播放影片时看图片是一致的,但又不是尽头,会形成循环播放的效果。

  ② 取得场景和 MC 的宽度,以进行计算比较,用鼠标偏离场景水平中线的距离作 MC 移动的参数,当鼠标正在此线,数值为 0 , MC 静止不动,距离大运动速度则快。

  ③ 设 2 个条件判断,是在 MC 运动到边端时,重新定位。

  编写动作脚本

  ① 在第 1 帧上输入:

  m=Stage.width;// 取得场景的宽度
   n=tu._width/2;// 取得 MC 的宽度的 1/2 的值
   tu._x = tu._x-(m/2-_xmouse)/10;// 将鼠标与水平中心线的差值的 1/10 加到 MC 的位置上,再赋值到新的 MC 位置。
   ② 在第 2 帧上输入:
   if (tu._x>=n) {//MC 左端抵场景左端时
     tu._x = tu._x-n;//MC 重新定位到自身中心点在场景左端
   }
   if (tu._x<=(m-n)) {//MC 右端抵场景右端时
     tu._x = tu._x+n; //MC 重新定位到自身中心点在场景右端
   }

时间: 2024-09-17 18:56:49

flash AS打造图片滚动效果的相关文章

Flash中实现JS的图片滚动效果

js 网页中的图片滚动效果,js的对象不太熟,就用flash来了. 大体的流程. 图片加载,效果层加载,设定效果层的_x,_y,使之于图片一一对应. 然后鼠标事件,鼠标经过,stopMove,鼠标点击,openPIC in IE. 图片循环不见断的实现模型: var picNum:Number;//总图片数,解析xml可得.  var picMargin:Number=5;//设置pic的间隔;  if(pic._x<(0-pic._width)){  pic._x=(pic._width+pi

js+div实现图片滚动效果代码

 本篇文章主要是对js+div实现图片滚动效果的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 横向  <div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover="stopscroll();"    onmouseout="doscroll()">  <div id=&qu

jQuery+css实现图片滚动效果(附源码)_jquery

源码下载 bxCarousel参数说明: move:每次滚动移动图片的数量,默认为4. display_num:展示图片的数量,默认为4. speed:图片滚动速度,默认为500毫秒. margin:图片间的间距,默认为0. auto:是否自动滚动,默认为false. auto_interval:当设为自动滚动时,每次滚动的时间间隔(毫秒),默认为2000毫秒即2秒. auto_dir:自动滚动的方向,默认为next,你可以试下prev. next_image:向右滚方向按钮图片,可以用CSS设

flash+xml实现图片切换效果

种效果flash+xml实现图片切换效果,大部分采用遮照,遮照其实不是很难.这里有一个难点主要是加载图片,以及解析XML.其他的都比较简单. OK,看看过程吧. 1.将FLASH文件大小设为800*230,这里主要是根据你想让FLASH占多大的广告来决定的.比如你FLASH希望大一点,就可以大一些.相反呢,就可以设小一点.把背景设成黑色,然后把帧频改为60.这里就不多说了,主要是考虑动画的流畅性. 2.创建一个新元件"my_mc",然后设成可以在AS中导入的.即在AS链接处打上勾 1,

asp.net+xml+flash实现的图片展示效果示例_实用技巧

本文实例讲述了asp.net+xml+flash实现的图片展示效果.分享给大家供大家参考,具体如下: 第一步:首先引入命名空间:(vs08环境中) using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; usin

JS 图片滚动效果做出来后点击图片的链接怎么弄

问题描述 我直接改varlinks=""不行啊怎么改 解决方案 解决方案二:你下载这个例子,修改一下图片和里面对应的链接即可.解决方案三:但那个链接怎么弄呢我的是在ASP.NET的基础上的解决方案四:你用flash做的,这个我帮不了你了,个人建议你去17素材网找一个纯css或者html实例的图片轮播的model,这里的model可以在图片外套a标签什么的,就方便加链接了.你这种滚动效果是人家自动给你生成的代码,不好改解决方案五:varlinks=""是不是页面的路径

jquery实现多行文字图片滚动效果示例代码_jquery

今儿分享一个jquery实现多行滚动效果. 我看一些论坛网站上面,公告处用的较多. 代码如下 // 多行滚动 (function($){ $.fn.extend({ Scroll:function(opt,callback){ if(!opt) var opt={}; var _this=this.eq(0).find("ul:first"); var lineH=_this.find("li:first").height(), line=opt.line?pars

一个jquery实现的不错的多行文字图片滚动效果_jquery

今儿分享一个jquery实现多行滚动效果. 我看一些论坛网站上面,公告处用的较多. 代码如下 // 多行滚动 (function($){ $.fn.extend({ Scroll:function(opt,callback){ if(!opt) var opt={}; var _this=this.eq(0).find("ul:first"); var lineH=_this.find("li:first").height(), line=opt.line?pars

Android仿淘宝商品浏览界面图片滚动效果_Android

用手机淘宝浏览商品详情时,商品图片是放在后面的,在第一个ScrollView滚动到最底下时会有提示,继续拖动才能浏览图片.仿照这个效果写一个出来并不难,只要定义一个Layout管理两个ScrollView就行了,当第一个ScrollView滑到底部时,再次向上滑动进入第二个ScrollView.效果如下: 需要注意的地方是:       1.如果是手动滑到底部需要再次按下才能继续往下滑,自动滚动到底部则不需要       2.在由上一个ScrollView滑动到下一个ScrollView的过程中