<?xml version="1.0" encoding="utf-8"?>
<!--created:Oct 6, 2010 file:FLEX4EffectExample1.mxml author:Michael -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
backgroundColor="0"
xmlns:comp="comp.*" viewSourceURL="srcview/index.html">
<s:layout>
<s:VerticalLayout verticalAlign="middle"
horizontalAlign="center"/>
</s:layout>
<fx:Declarations>
<s:Animate id="myAnimate"
duration="800"
easer="{this.linearEasing}">
<s:SimpleMotionPath property="height"
valueFrom="0"
valueTo="50"/>
</s:Animate>
<s:Animate id="myAnimate1"
duration="600"
easer="{this.linearEasing}">
<s:SimpleMotionPath property="height"
valueFrom="50"
valueTo="0"/>
</s:Animate>
<s:Linear id="linearEasing"
easeInFraction="0"
easeOutFraction="1"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
private var cover:spark.components.Label;
private var cover1:spark.components.Label;
protected function bordercontainer1_creationCompleteHandler(event:FlexEvent):void
{
cover=new spark.components.Label();
cover1=new spark.components.Label();
cover.top=0;
cover.left=0;
cover.right=0;
cover.setStyle("backgroundColor", 0);
cover.setStyle("backgroundAlpha", .4);
cover.setStyle("textAlign", "center");
cover.setStyle("paddingTop", 15);
cover.setStyle("fontSize", 30);
cover.setStyle("fontStyle", "italic");
cover.setStyle("color", "white");
cover.text="Cosmos lighting";
cover.setStyle("addedEffect", myAnimate);
cover.setStyle("removedEffect", myAnimate1);
cover1.bottom=0;
cover1.left=0;
cover1.right=0;
cover1.setStyle("backgroundColor", 0);
cover1.setStyle("backgroundAlpha", .4);
cover1.setStyle("textAlign", "center");
cover1.setStyle("paddingTop", 15);
cover1.setStyle("fontSize", 16);
cover1.setStyle("fontFamily", "Arial");
cover1.setStyle("color", "white");
cover1.text="http://www.sxc.hu/";
cover1.buttonMode=true;
cover1.addEventListener(MouseEvent.CLICK, onClick);
cover1.setStyle("addedEffect", myAnimate);
cover1.setStyle("removedEffect", myAnimate1);
this.bc.addEventListener(MouseEvent.ROLL_OVER, onOver);
this.bc.addEventListener(MouseEvent.ROLL_OUT, onOut);
}
private function onOver(e:MouseEvent):void
{
this.myAnimate1.end();
this.bc.addElement(cover);
this.bc.addElement(cover1);
}
private function onOut(e:MouseEvent):void
{
this.myAnimate.end();
this.bc.removeElement(cover);
this.bc.removeElement(cover1);
}
private function onClick(e:MouseEvent):void
{
navigateToURL(new URLRequest(e.target.text), "_blank");
}
]]>
</fx:Script>
<s:BorderContainer backgroundImage="@Embed('images/images.png')"
backgroundImageFillMode="clip"
id="bc"
width="400"
height="296"
cornerRadius="4"
creationComplete="bordercontainer1_creationCompleteHandler(event)">
</s:BorderContainer>
</s:Application>
分享到:
相关推荐
提供鼠标悬停时的视频预览效果 如果没有鼠标悬停,则允许使用默认图像 查看 要求 版本> = 1.0 安装 npm i sprity-css-rollover 用法 <!-- Change cursor manually, if needed --> < style type =" text/...
SwiSHmax用来创建直线、正方形、椭圆形、贝塞尔曲线、动作路径、精灵、rollover按钮和导入表单的所有工具,全都囊括在一个非常容易使用的界面里。 SwiSHmax和SWiSH2最大的不同点在于全功能的描述语言:SwiSHscript。...
在动画面板上制作的动画适用于所有 的 Rollover 状态 B.动画不能应用在 Rollover 状态上 C.在动画面板上制作的动画仅适用于当 前的 Rollover 状态 D.同一动画不能赋予多个 Rollover 状态 7.以下对 Web 图像格式的...
jquery-rollover-tooltip 滑出式提示层特效,鼠标放在图标上,立即显示出文字提示层,很漂亮的风格,带有小缺口,看上去更人性化,本提示框特效基于jquery插件实现,在网页上实现tooltip效果,使用这款插件是不错的...
滚存每日待办事项每当您创建新的日常备忘时,此黑曜石插件都会将您最近的日常备忘中未完成的待办事项翻转。用法如果您使用Core Daily Note插件,则每当您创建新的每日笔记时,上一个每日笔记中所有未选中的复选框都...
使用这一技术的最简单的方法是,指定CSS风格文本的翻滚效果,并使用所有翻滚状态(rollover states)的相同按钮外形图像。这可以给你带来快速、简洁的翻滚效果,但在一定程度上限制了你的开发选项 本文章来自...
Saturación deImágenes en Silverlight.
图片的hover效果可以用css来实现也可以用js来实现。典型的就是smartRollover.js
贝岭的matlab的代码 belling-rollover-demo
SwiSHmax用来创建直线、正方形、椭圆形、贝塞尔曲线、动作路径、精灵、rollover按钮和导入表单的所有工具,全都囊括在一个非常容易使用的界面里。 SwiSHmax和SWiSH2最大的不同点在于全功能的描述语言:SwiSHscript。...
SwiSHmax用来创建直线、正方形、椭圆形、贝塞尔曲线、动作路径、精灵、rollover按钮和导入表单的所有工具,全都囊括在一个非常容易使用的界面里。 SwiSHmax和SWiSH2最大的不同点在于全功能的描述语言:SwiSHscript。...
SwiSHmax是Flash编辑工具 SwiSHzone家族的新成员,假如您想要不使用Flash来制作强大或令人惊叹的动画,SwiSHmax是您最佳的选择。SwiSHmax操作方便,您将可轻易的在短时间内制作出复杂的文本,图像,图形和声音的效果...
让你更快速更简单地在你的网页中加入FLASH动画,超过 150种可选择的预设效果。SWiSH是一个快速 、简单且经济的方案,让你可以在你的网页中加入flash动画。只要点几下鼠标,你就可以加入让你的网 页在众多网站中...
让你更快速更简单地在你的网页中加入FLASH动画,超过 150种可选择的预设效果。SWiSH是一个快速、简单且经济的方案,让你可以在你的网页中加入flash动画。只要点几下鼠标,你就可以加入让你的网页在众多网站中...
让你更快速更简单地在你的网页中加入FLASH动画,超过 150种可选择的预设效果。SWiSH是一个快速、简单且经济的方案,让你可以在你的网页中加入flash动画。只要点几下鼠标,你就可以加入让你的网页在众多网站中...
像轮换图片一样轮换Flash动画,注意:要先点选页面中的Flash。 Random Links 1.2.3.mxp 随机载入网页。 FX Password Generator 1.0.2.mxp 在文本域里生成密码。 check form.mxp 检查表单行为。 Submit Form....
Real-time bus rollover prediction algorithm with road bank angle estimation
^_^ 让你更快速更简单地在你的网页中加入FLASH动画,超过 150种可选择的预设效果。SWiSH是一个快速、简单且经济的方案,让你可以在你的网页中加入flash动画。只要点几下鼠标,你就可以加入让你的网页在众多网站中...
Development of a Refined Rollover Model That Recognizes the Effects of Suspension and Tire Deformation
用于弹性每日字节的演示脚本-索引拆分,缩小和翻转设置安装程序将检查Elasticsearch和Kibana是否正在运行,并将删除名为kibana_sample_data_ecommerce* , demo-rollover*和索引模板demo-rollover的所有索引。...