用flex动画实现html的marquee功能

发布时间：2020-12-15 01:22:51 所属栏目：百科来源：网络整理

导读：? ? xml ? version = "1.0" ? encoding = "utf-8" ? ?? s:Application ? name = "Spark_TextInput_textDisplay_horizontalScrollPosition_test" ?? ???????? xmlns:fx = "http://ns.adobe.com/mxml/2009" ?? ???????? xmlns:s = "library://ns.adobe.com/fle

<?xml?version="1.0"?encoding="utf-8"?>??
<s:Application?name="Spark_TextInput_textDisplay_horizontalScrollPosition_test"??
????????xmlns:fx="http://ns.adobe.com/mxml/2009"??
????????xmlns:s="library://ns.adobe.com/flex/spark"??
????????xmlns:mx="library://ns.adobe.com/flex/halo">??
? ??
????<fx:Script>??
????????<![CDATA[ ?
????????????protected?function?init():void?{ ?
????????????????anim.stop(); ?
????????????????pth.valueFrom?=?0; ?
????????????????pth.valueTo?=?txtInput.textDisplay.contentWidth?-?txtInput.textDisplay.width; ?
????????????????anim.play([txtInput.textDisplay]); ?
????????????} ?
????????]]>??
????</fx:Script>??
? ??
????<fx:Declarations>??
????????<s:Animate?id="anim"??
????????????????duration="10000"??
????????????????repeatBehavior="reverse"??
????????????????repeatCount="0"??
????????????????repeatDelay="500">??
????????????<s:motionPaths>??
????????????????<s:SimpleMotionPath?id="pth"??
????????????????????????property="horizontalScrollPosition"?/>??
????????????</s:motionPaths>??
????????</s:Animate>??
????</fx:Declarations>??
? ??
????<s:TextInput?id="txtInput"??
????????????text="hello?javaeye??hello?javaeye?hello?javaeye?hello?javaeye??hello?javaeye?hello?javaeye?hello?javaeye"??
????????????editable="false"??
????????????fontSize="24"??
????????????left="100"?right="100"??
????????????horizontalCenter="0"?verticalCenter="0"??
????????????creationComplete="init();"??
????????????resize="init();"??
????????????rollOver="anim.pause();"??
????????????rollOut="anim.resume();"?/>??
?? ??
</s:Application>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!