`
laodaobazi
  • 浏览: 277541 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

悬停提示

EXT 
阅读更多


Ext.onReady(function(){
  Ext.QuickTips.init();
  
  var btn = new Ext.Button({
    text: "悬停演示",
    renderTo: Ext.getBody(),
    tooltip: "这是一个悬停演示的按钮,怎么样?<br>是不是很漂亮?",
    tooltipType: "qtip" //"title"
  });
});







new Ext.Window({

    ........

}).show(Ext.getBody(),); //动态效果





Ext.QuickTips.register({
  text: "请输入您的姓名,年龄,是否单身,身材是否S和祖宗十八代的全部信息。",
  target: "ta", //悬停目标
  title: "输入" ,

  width : 60 ,

  dismissDelay : 3 , //悬停时间

  autoHide: false , //悬停提示不会消失

  hideDelay : 3 , //消失的时间,试了一下,好像没效果
  maxWidth : 300 , //(系统默认300)最大宽度
  minWidth : 60 , //最小宽度
  showDelay : 3 , //显示时间
  trackMouse:true //提示框是否跟着鼠标一起走。
});



全局定义的提示

Ext.apply(Ext.QuickTips.getQuickTip(), {
      maxWidth: 200,
      minWidth: 100,
     showDelay: 50,
     trackMouse: true,
     hideDelay: 5000
});
分享到:
评论

相关推荐

    易语言鼠标悬停提示

    在易语言中,实现鼠标悬停提示是一项常见的功能,可以帮助用户更好地理解和操作软件。下面将详细解释如何在易语言中实现鼠标悬停提示以及相关知识点。 首先,我们要理解什么是鼠标悬停提示。当用户将鼠标指针停留在...

    UGUI鼠标悬停提示信息

    在UGUI中,实现鼠标悬停提示信息是一种常见的交互设计,可以提高用户体验,让用户更加直观地了解UI元素的功能或状态。 首先,要实现鼠标悬停提示信息,我们需要使用Unity中的`EventSystem`、`CanvasGroup`和`Text`...

    jQuery鼠标悬停提示框美化代码.zip

    "jQuery鼠标悬停提示框美化代码"是一个专门用于提升网站用户交互体验的工具,它基于流行的JavaScript库jQuery 1.7.2版本开发。jQuery是一个轻量级、高效且功能丰富的库,简化了HTML文档遍历、事件处理、动画和Ajax...

    ZedGraphV5.15源码-修复鼠标悬停提示闪烁版.zip

    这个压缩包"ZedGraphV5.15源码-修复鼠标悬停提示闪烁版.zip"包含的是ZedGraph库的最新版本V5.15的源代码,特别针对两个已知问题进行了修复。 首先,修复的“鼠标悬停提示闪烁问题”是指在用户将鼠标移动到图表上的...

    鼠标悬停提示JS实现

    从网上DOWN下来的鼠标鼠标悬停提示,用JS实现,可用于按钮提示和超链接提示作用。。留作自用

    VC 鼠标悬停控件,漂亮的泡泡提示

    在VC++编程环境中,我们经常会遇到需要为控件添加鼠标悬停提示的需求,这能增强用户的交互体验。"漂亮的泡泡提示"就是一个实现这种功能的例子。泡泡提示,也称为气泡提示或者工具提示,通常会在用户将鼠标悬停在某个...

    jquery 鼠标悬停提示插件

    "jquery 鼠标悬停提示插件"是针对jQuery的一个功能扩展,它使得在网页上实现鼠标悬停时显示提示信息变得更加简单和高效。 这个插件的主要目的是提升用户体验,当用户将鼠标光标悬停在某个元素(如链接、按钮或图像...

    jQuery Tooltips悬停提示效果.zip

    jQuery Tooltips悬停提示效果是利用jQuery库以及一个名为tooltipster的插件来创建的交互式用户界面元素。这个插件允许开发者为网页中的各种元素(如图片、按钮、链接等)添加美观且功能丰富的悬停提示,以提供额外的...

    flash鼠标悬停信息提示

    2. **添加图形元素**:导入需要添加悬停提示的元素,例如`menu.gif`。将其放置在舞台上,并为其分配实例名,便于在ActionScript中引用。 3. **创建提示组件**:为了显示悬停信息,我们需要创建一个提示组件。可以是...

    易语言鼠标悬停提示源码.7z

    本压缩包“易语言鼠标悬停提示源码.7z”内含的“易语言鼠标悬停提示源码”是关于在易语言环境下实现鼠标悬停时显示提示信息的代码示例。这个功能在许多软件应用中非常常见,例如在Windows系统中的文件资源管理器,当...

    VC 实现的鼠标悬停提示功能.rar

    在VC++编程环境中,实现鼠标悬停提示功能是一项常见的需求,尤其在开发用户界面时,这种功能能够增强用户的交互体验。本示例中,我们关注的是如何在鼠标停留在文本框(input框)上时,自动弹出一个提示窗口,显示与...

    ZedGraph图鼠标悬停提示X,Y值

    本知识点主要聚焦于如何使用ZedGraph在绘制图表时实现鼠标悬停提示,显示X轴和Y轴的坐标值。 ZedGraph库提供了强大的自定义能力,使得开发者可以轻松地创建出具有交互性的图表。在“鼠标悬停提示X,Y值”这个功能中...

    jquery+css3各种鼠标悬停提示效果.zip

    《jQuery + CSS3 鼠标悬停提示效果详解》 在网页设计中,交互性和用户体验是至关重要的因素。为了提升这些元素,开发者们经常利用jQuery和CSS3来实现各种动态效果,其中鼠标悬停提示效果就是一种常见且实用的设计...

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

    在网页设计中,"js鼠标悬停提示,支持边距自适应" 是一种常见的交互功能,它能够增强用户的浏览体验,使用户更容易理解页面上的元素信息。这种功能通常通过JavaScript实现,结合HTML和CSS来创建动态的效果。接下来,...

    CSS3实现多种图片悬停提示效果源码集

    本资源集是关于利用CSS3实现图片悬停提示效果的源码,提供了7种独特风格的动画效果,极大地丰富了用户与网页交互的体验。以下是对这些知识点的详细解释: 1. **CSS3选择器和属性**:CSS3引入了更精准的选择器,如`:...

    jquery鼠标悬停提示插件

    jQuery Poshy Tip 是一款功能强大的鼠标悬停提示插件,它允许开发者为网页元素添加美观且可定制的提示信息。这款插件以其易于使用、高度可定制和良好的用户体验而受到广泛欢迎。在本文中,我们将深入探讨Poshy Tip的...

    网页底部悬停提示的工具栏特效.rar

    网页底部悬停提示的工具栏特效是网页设计中一种增强用户体验的常见手法,它通过在鼠标悬停在页面底部的工具栏图标上时显示相关的文字提示,帮助用户快速理解各个图标的含义和功能。这个“网页底部悬停提示的工具栏...

    易语言源码易语言鼠标悬停提示源码.rar

    易语言源码易语言鼠标悬停提示源码.rar 易语言源码易语言鼠标悬停提示源码.rar 易语言源码易语言鼠标悬停提示源码.rar 易语言源码易语言鼠标悬停提示源码.rar 易语言源码易语言鼠标悬停提示源码.rar 易语言源码...

Global site tag (gtag.js) - Google Analytics