Flash无缝滚动图片展示

Jul 25

bearjia , 11:29 , Flash相关 , 评论(4) , 引用(0) , 阅读(3241) , Via 本站原创

近日做了个Flash无缝滚动图片展示效果，用来解决现在网站中JS图片滚动效果的不兼容问题。

暂时命名为BearBox Flash 图片无缝滚动 V1.0版好了，还有预想的部分功能没有加入。

BearBox Flash 图片无缝滚动 V1.0版本实现功能:
1,不间断向上滚动(可向下向左向右，将在2.0版本中加入动态设置滚动的方向)
2,鼠标悬浮停止滚动，移开继续滚动
3,动态加载XML，动态设置限制加载图片的多少(在1.0版本默认为6张，多加入几张的话还需改代码，2.0中将动态设置)

Flash Player文件

点击打开/折叠播放器

一直都拿不出那份闲心来搞这东西，今天更新了下，算做是1.5版本吧

stop();
System.useCodePage=true;
XML.ignoreWhitespace=true;
var loading:Loading;
var bb:int;
var bbb:int;
var BearXML:XML;
var myContextMenu:ContextMenu = new ContextMenu();
myContextMenu.hideBuiltInItems();
var item:ContextMenuItem=new ContextMenuItem("DV9.ORG");
myContextMenu.customItems.push(item);
this.contextMenu=myContextMenu;

loading=new Loading();
addChild(loading);
var BearPic:Sprite = new Sprite();
addChild(BearPic);
var BearPic1:Sprite = new Sprite();
addChild(BearPic1);
loading.x=(stage.stageWidth-loading.width)/2;
loading.y=(stage.stageHeight-loading.height)/3;

var loader:URLLoader = new URLLoader();
loader.load(new URLRequest("/list.aspx?colid=33"));
loader.addEventListener(Event.COMPLETE,loader_onComplete);

function loader_onComplete(e:Event):void{
  removeChild(loading);
  var BearXML:XML = XML(e.target.data);
  var total:Number = 0;
  bbb=BearXML.xxx.length();
  bb=bbb*180;
  for (var j:uint=0; j< BearXML.xxx.length(); j++) {
  var bpp:bp=new bp;
  bpp.pic.source=BearXML.xxx.path[j];
  bpp.t.text=BearXML.xxx.span[j];
  bpp.x=180*j;
  bpp.y=5;
  bpp.name="bear"+j;
  BearPic.addChild(bpp);
  BearPic.x=10;
  BearPic.y=5;

  var bpx:bp=new bp;
  bpx.pic.source=BearXML.xxx.path[j];
  bpx.t.text=BearXML.xxx.span[j];
  bpx.x=180*j;
  bpx.y=5;
  bpx.name="n"+j;
  BearPic1.addChild(bpx);
  BearPic1.x=659;
  BearPic1.y=5;
  }
  if(bbb>3){
  myTimer.start();
  }else {
  trace("图片未超过3张不滚动");
    }
}

var i=0;
var t=0;
var z=0;
var isMov:Boolean=true;
var myTimer:Timer=new Timer(10,0);
myTimer.addEventListener(TimerEvent.TIMER,timeFun);
function timeFun(evt:TimerEvent):void {
  if(isMov){
  BearPic.x -= 1;
  i++
  }
  //trace("一:"+i);
  if(i > bb-640){
  myTimer1.addEventListener(TimerEvent.TIMER,T2);
  myTimer1.start();
  }
  if(i > bb){
  BearPic.x=659;
  myTimer.removeEventListener(TimerEvent.TIMER,timeFun);
  i=0;
  //trace("一：归档------------------------------------------");
  }
}

var myTimer1:Timer=new Timer(10,0);
myTimer1.addEventListener(TimerEvent.TIMER,T2);
function T2(eve:Event):void{
  var DV9:int=(bbb-3)*180+540;
  if(isMov){
  BearPic1.x -= 1;
  t++
  }
  //trace("二:"+t);
  if(t > bb*2-DV9){
  myTimer2.addEventListener(TimerEvent.TIMER,T3);
  myTimer2.start();
  }
  if(t > bb+659){
  BearPic1.x=659;
  myTimer1.removeEventListener(TimerEvent.TIMER,T2);
  t=0;
  //trace("二：归档------------------------------------------");
  }
  }

var myTimer2:Timer=new Timer(10,0);
myTimer2.addEventListener(TimerEvent.TIMER,T3);
function T3(eve:Event):void{
  var ORG:int=(bbb-3)*180+530;
  if(isMov){
  BearPic.x -= 1;
  z++
  }
  //trace("二:"+t);
  if(z > bb*2-ORG){
  myTimer1.addEventListener(TimerEvent.TIMER,T2);
  myTimer1.start();
  }
  if(z > bb+659){
  BearPic.x=659;
  myTimer2.removeEventListener(TimerEvent.TIMER,T3);
  z=0;
  //trace("二：归档------------------------------------------");
  }
  }

function OVER(e:Event) {
isMov=false;
}
function OUT(e:Event) {
isMov=true;
}
BearPic.addEventListener(MouseEvent.MOUSE_OVER,OVER);
BearPic.addEventListener(MouseEvent.MOUSE_OUT,OUT);
BearPic1.addEventListener(MouseEvent.MOUSE_OVER,OVER);
BearPic1.addEventListener(MouseEvent.MOUSE_OUT,OUT);

代码就这些了 XML如下

<?xml version="1.0" encoding="utf-8"?>
<bearpic id="6">
  <img id="1">
    <path>7.jpg</path>
    <titlee>这个是第一个</titlee>
  </img>
  <img id="2">
    <path>2.jpg</path>
    <titlee>这个是第二个</titlee>
  </img>
  <img id="3">
    <path>3.jpg</path>
    <titlee>这个是第三个</titlee>
  </img>
  <img id="4">
    <path>4.jpg</path>
    <titlee>这个是第四个</titlee>
  </img>
  <img id="5">
    <path>5.jpg</path>
    <titlee>这个是第五个</titlee>
  </img>
  <img id="6">
    <path>6.jpg</path>
    <titlee>这个是第六个</titlee>
  </img>
</bearpic>

开始竟然没放出源码汗

下载文件