zoukankan      html  css  js  c++  java
  • Adding animations and effects to Flex tool tips

    The following example shows how you can add custom animation and effects when displaying a tool tip in Flex
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/09/04/adding-animations-and-effects-to-flex-tool-tips/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="vertical"
            verticalAlign
    ="middle"
            backgroundColor
    ="white"
            creationComplete
    ="init()">

        
    <mx:Script>
            
    <![CDATA[
                import mx.managers.ToolTipManager;

                private function init():void {
                    ToolTipManager.hideDelay = 2000;
                    ToolTipManager.showEffect = rotate;
                    ToolTipManager.hideEffect = zoom;
                }
            
    ]]>
        
    </mx:Script>

        
    <mx:Style>
            @font-face {
                src: url("./fonts/arial.ttf");
                fontFamily: "ArialEmbedded";
            }

            ToolTip {
                fontFamily: ArialEmbedded;
            }
        
    </mx:Style>

        
    <mx:Rotate id="rotate" />
        
    <mx:Zoom id="zoom" />

        
    <mx:Button label="Roll over me to see tool tip"
                toolTip
    ="The quick brown fox" />

    </mx:Application>

  • 相关阅读:
    数据表列名与数据库关键字冲突,在Hibernate下的解决办法
    Ubuntu12.04 MySQL服务器乱码问题的解决办法
    Linux实时将所有输出重定向到文件
    vue Element UI 导航高亮
    Js计算时间差
    Js时间处理
    Vue设置导航栏为公共模块并在登录页不显示
    Vue中表单校验
    Vue中div高度自适应
    Vue引入js、css文件
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1037095.html
Copyright © 2011-2022 走看看