Flex 文本内容循环滚动效果

来源:互联网 发布:魔镜街拍vip淘宝 编辑:程序博客网 时间:2024/05/06 12:38
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
  3.     creationComplete="complete()" viewSourceURL="srcview/index.html">
  4.     <mx:Script>
  5.         <![CDATA[
  6.             private function complete():void
  7.             {
  8.                 move_up.yFrom = cs.height - 6;  
  9.                 move_up.yTo = 0 - tt.height + 6;
  10.                 move_up.repeatCount = 0; //loop
  11.                 move_up.repeatDelay = 0; //loop time
  12.                 move_up.duration = 6000; //the time of scroll once
  13.                 move_up.play();
  14.             }
  15.            
  16.             private function move_pause():void
  17.             {
  18.                 move_up.pause()//pause
  19.             }
  20.            
  21.             private function move_resume():void
  22.             {
  23.                 move_up.resume(); //start from the pause position
  24.             }
  25.         ]]>
  26.     </mx:Script>
  27.     <mx:Move id="move_up" target="{tt}" />
  28.     <mx:Panel width="250" height="200" layout="absolute" title="Anouncement" 
  29.         fontSize="13" horizontalCenter="0" verticalCenter="0">
  30.         <mx:Canvas id="cs" width="100%" height="100%" left="0" top="0" 
  31.             verticalScrollPolicy="off" mouseOver="move_pause()" mouseOut="move_resume()">
  32.             <mx:Text id="tt" width="94%" horizontalCenter="0"
  33.                 text="Ntt.ccwas created br Minidxer in January of 2008 as a site dedicated to theprolification of Macromedia/Adobe Flex and JavaScript/Ajax." verticalCenter="0">
  34.             </mx:Text>
  35.         </mx:Canvas>
  36.     </mx:Panel>
  37. </mx:Application>
这个效果以前看过,以为记住了,结果又忘了,是用的move这个标签的属性,在此记载,以前自己做过一个滚动的效果,是用的textarea中的滚动条的值做的,感觉不好,这个终于找到了。

(From)
http://ntt.cc/2008/04/14/simple-tips-to-realize-the-marquee-effect-in-flex-with-source-code.html
原创粉丝点击