`
Zsb007
  • 浏览: 59298 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

tooltip巧妙

阅读更多

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/15/creating-tool-tips-manually-using-the-tooltipmanager-class/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init()">

    <mx:Script>
        <![CDATA[
            import mx.core.IToolTip;
            import mx.managers.ToolTipManager;
            import flash.events.MouseEvent;

            private var tt:IToolTip;

            private function init():void {
                systemManager.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);
            }

            private function onMouseMove(evt:MouseEvent):void {
                if (tt) {
                    tt.move(evt.stageX + 10, evt.stageY + 10);
                    evt.updateAfterEvent();
                }
            }

            private function toolTipCreate():void {
                if (tt) {
                    toolTipDestroy();
                }
                tt = ToolTipManager.createToolTip(textInput.text, textInput.x, textInput.y);
            }

            private function toolTipDestroy():void {
                if (tt) {
                    ToolTipManager.destroyToolTip(tt);
                    tt = null;
                }
            }
        ]]>
    </mx:Script>

    <mx:TextInput id="textInput" text="Tool tip text..." />
    <mx:HBox>
        <mx:Button label="create" click="toolTipCreate()" />
        <mx:Button label="destroy" click="toolTipDestroy()" />
    </mx:HBox>

</mx:Application>

分享到:
评论

相关推荐

    JavaScript、GridView、TOOLTIP各种使用技巧

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理...同时,Tooltip的巧妙使用可以使用户界面更加友好,提升用户体验。因此,这些内容的深入研究和实践对于IT专业人士来说是非常有价值的。

    Tooltip风格工具栏.zip

    在前端开发领域,创建美观且功能丰富的用户界面是至关重要的。"Tooltip风格工具栏"是一个典型的实例,它结合了HTML5、jQuery...通过巧妙地组合这些技术,开发者可以创建出既实用又美观的前端组件,提高用户的操作体验。

    纯css3 Tooltip工具提示样式

    通过巧妙利用CSS3的特性和功能,这个库提供了灵活的自定义选项,并且对性能和资源管理有着极高的优化,是现代Web开发中的一个实用工具。无论你是新手还是经验丰富的开发者,`microtip.css` 都值得你考虑将其纳入你的...

    在siverlight中基于Popup浮动窗体控件模拟ToolTip的实现源码例子

    总的来说,通过巧妙地利用Silverlight的Popup控件,我们可以创建一个功能强大且可定制的ToolTip模拟,以满足特定的用户交互需求。这不仅提高了用户体验,也展示了Silverlight平台的灵活性和可扩展性。在实际项目中,...

    Using Edit box as static Text Control for displaying ToolTip

    这个"Using Edit box as static Text Control for displaying ToolTip"的主题就是关于如何巧妙地结合这两者,以实现更灵活的界面设计。 首先,我们要理解Edit控件和Static控件的基本特性。Edit控件通常用于让用户...

    VB实现个性ToolTip提示框

    在VB(Visual Basic)编程中,创建个性化的ToolTip提示...通过巧妙地使用这些功能,开发者可以创建出与Windows优化大师类似的丰富提示效果,增强用户交互体验。在实际项目中,可以根据具体需求灵活运用和扩展这些技巧。

    HTML5 SVG弹性Tooltip提示框特效.zip

    在这个"HTML5 SVG弹性Tooltip提示框特效"项目中,这些技术被巧妙地融合,创建出动态且富有弹性的Tooltip效果,提升了用户体验。 首先,HTML5是现代网页的标准,它引入了许多新特性,如语义化标签(如, , 等)、离线...

    ets tooltip气温变化折线图特效代码

    在这个实例中,Tooltip功能被巧妙地应用于折线图中,以展示气温随时间变化的详细信息。 【描述】"ets tooltip截图显示用法实例下载"表明这是一个实际操作的示例,用户可以下载并查看如何在自己的项目中使用ETS ...

    ToolTip Memorizer-开源

    这款软件通过一个简单而巧妙的方式,利用ToolTip(工具提示)的功能来增强学习体验。它在用户使用计算机时,以预设的时间间隔随机显示单词,让用户在日常操作中自然而然地接触到新词汇,从而提高记忆效果。 软件的...

    Ayumi-Tooltip-crx插件

    Ayumi-Tooltip-crx插件巧妙地利用了这一特性,当用户将鼠标光标悬停在冠军页面的链接上时,会弹出一个包含详细信息的工具提示。这样的设计减少了用户点击链接查看信息的步骤,提高了浏览效率,尤其在面对密集信息或...

    超级华丽的jquery效果

    总的来说,通过巧妙地运用jQuery的tooltip和scrollable功能,我们可以创造出极具吸引力的用户体验,提高网站的互动性和专业性。无论你是网页设计师还是前端开发者,掌握这些技巧都能使你的作品在众多网页中脱颖而出...

    Highcharts多个图表共用一个提示框,每个图表多条曲线

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它允许开发者创建各种类型的图表,如折线...通过巧妙地结合Highcharts的配置选项和JavaScript编程,我们可以创建出互动性强、用户体验良好的数据可视化应用。

    CToolTipCtrl示例

    在Windows编程中,`CToolTipCtrl`是一个非常重要的控件,它允许开发者创建和管理提示窗口,也...这个示例通过处理`MOUSEHOVER`和`MOUSELEAVE`消息,展示了如何巧妙地集成`CToolTipCtrl`,以提高软件的易用性和互动性。

    js鼠标悬停提示,支持边距自适应

    这个功能在网页设计中非常实用,通过巧妙地结合JavaScript、HTML和CSS,我们可以创建出更加直观、友好的用户界面。在实际项目中,你可能需要根据具体需求进行调整,例如添加动画效果、改变提示框的样式,或者处理...

    超酷的AJAX源码和Demo(2), 很漂亮的tootip

    在IT领域,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够...学习和研究这些源码,开发者可以提升自己的前端技能,理解如何将AJAX技术与UI设计巧妙结合,以创建更丰富的交互体验。

    jquery鼠标点击按钮图标旋转弹出图标菜单旋转动

    总结,这个jQuery特效的核心在于事件监听、CSS动画以及DOM操作的巧妙结合。通过理解这些基础知识,我们可以创建出各种吸引人的交互效果,提升网站的用户体验。在实际项目中,开发者可以根据需求进行调整,以满足不同...

    css制作的尖角效果网页特效

    通过巧妙地组合这些属性,可以创建出各种尖角形状。以下是一个基本的尖角效果示例: ```css .box { width: 200px; height: 100px; background-color: #f00; border-left: 50px solid transparent; border-...

    AutoIT自动化测试进阶(自动化测试框架实例:图表数据采集).pdf

    总的来说,通过深入分析页面结构,理解JavaScript在不同浏览器中的行为,以及巧妙地利用AutoIT提供的功能,可以有效地解决自动化测试中的复杂问题。设计一个轻量级的测试框架可以进一步简化此类任务,提高自动化测试...

    css3 svg气泡加载动画特效

    总结,"CSS3 SVG气泡加载动画特效"是网页设计中一个巧妙的示例,它展示了如何利用CSS3的动画功能和SVG的矢量图形特性,为用户创建引人入胜的加载等待体验。通过掌握这些技术,开发者可以创建出更多富有创意和交互性...

    CSS小练习01-PS提示框

    这可以通过创建伪元素(如`:before`或`:after`)和巧妙的边距/背景定位实现。以下是一个简单的示例: ```css .tooltip::before { content: ""; position: absolute; bottom: -10px; /* 调整箭头位置 */ left:...

Global site tag (gtag.js) - Google Analytics