tooltip

Bootstrap-Plugin:提示工具(Tooltip)插件

醉酒当歌 提交于 2021-02-19 04:33:30
ylbtech-Bootstrap-Plugin:提示工具(Tooltip)插件 1. 返回顶部 1、 Bootstrap 提示工具(Tooltip)插件 当您想要描述一个链接的时候,提示工具(Tooltip)就显得非常有用。提示工具(Tooltip)插件是受 Jason Frame 写的 jQuery.tipsy 的启发。提示工具(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息。 如果您想要单独引用该插件的功能,那么您需要引用 tooltip.js 。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js 。 用法 提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是把提示工具(tooltip)放在它们的触发元素后面。您可以有以下两种方式添加提示工具(tooltip): 通过 data 属性 :如需添加一个提示工具(tooltip),只需向一个锚标签添加 data-toggle="tooltip" 即可。锚的 title 即为提示工具(tooltip)的文本。默认情况下,插件把提示工具(tooltip)设置在顶部。 < a href ="#" data-toggle ="tooltip" title =

Unity编辑器的扩展:IMGUI

僤鯓⒐⒋嵵緔 提交于 2021-02-18 12:29:04
IMGUI 介绍 所有关于 Editor 的相关 UI,包括 Inspector、Hierarchy、Window、Game 视图上动态创建的那些半透明 UI、还有 Scene 视图上可添加的辅助显示 UI,叫做 IMGUI,全称 Immediate Mode GUI 。该名字来源于两类型的 UI 系统: immediate 和 retained 。 retained:当你设置好各种组件如 Text、Button 等的信息,或修改它们的相关属性后,这些组件的相关信息和改动就被保存(retained)下来了,系统会根据这些新的信息来绘制响应事件等,你可以随时去查询如 Text 文本内容或颜色等信息。UGUI 即是典型的 retained mode GUI。 immediate:跟上面的相反,系统不会自动保存 UI 控件上的各种信息,不会用上次的状态继续工作,而是反复的询问你这些控件应当是处于什么位置什么文本等状态信息。因此任何的用户交互结果是立即呈现返回给用户,而不是当用户需要的时候自行查询。如: 1 bool selected = false ; 2 void OnGUI() 3 { 4 selected = GUILayout.Toggle(selected, " A Toggle text " ); 5 if (selected) 6 { 7 DoSomething() 8 }

vue学习【一】vue引用封装echarts并展示多个echarts图表

谁都会走 提交于 2021-02-18 01:22:54
大家好,我是一叶,经过一段时间对vue的学习,我打算把vue做一个系列,把踩过的坑和大家分享一下。 现在开始第一章:vue引用并封装echarts 在文章开始前,我先舔波echarts(真香)。阿里的G2和百度的echarts都是很不错的,echarts上手难度小,并且用户多,文档多,生态环境较好,所以中小项目的话echarts就是首选。加个题外话,我把G2、echarts都po出来,大家凭喜好选取。 G2官方demo地址: https://antv.alipay.com/zh-cn/index.html echarts官方demo地址: https://echarts.baidu.com/ 现在开始干活,进入echarts网址中,我们能看到,图表的主要参数都在option这函数里,如图1所示。我们将option()放到vue中的methods中即可引用。 图1 在项目中打开命令行(直接在地址栏输入cmd即可打开dos面板),输入命令,如图2 所示。 npm install echarts 图2 打开项目,创建views文件夹,存放父组件index.vue,在components文件夹下创建echartscom.vue子组件,如图3所示。echartscom.vue中主要放option(),用来实现图表渲染,index.vue存放数据,echartscom.vue引用index

How to create a pure CSS tooltip with HTML content for inline elements

流过昼夜 提交于 2021-02-17 21:52:05
问题 TL;DR - See Adam's answer (accepted) or Update #5 in my question for the current solution. My question shows my journey getting to that solution in a rather long but explanatory way, describing pitfalls and limitations. I am creating a module that adds glossary term descriptions to the respective words used in a text. Everything works fine with plain text descriptions. For example, if there is a description for onomasticon (Another word for thesaurus), the following HTML <p>An onomasticon is

Java Eclipse和MyEclipse快捷键

こ雲淡風輕ζ 提交于 2021-02-14 17:49:41
摘自: http://www.cnblogs.com/lsy131479/p/8487379.html 首先: 常用快捷键 alt+/ - - 万能快捷键 Ctrl+1 - - 快速修复 Eclipse和MyEclipse快捷键 (1)Ctrl+M --切换窗口的大小 (2)Ctrl+Q --跳到最后一次的编辑处 (3)F2 --当鼠标放在一个标记处出现Tooltip时候按F2则把鼠标移开时Tooltip还会显示即Show Tooltip Description。 F3 --跳到声明或定义的地方。 F5 --单步调试进入函数内部。 F6 --单步调试不进入函数内部,如果装了金山词霸2006则要把“取词开关”的快捷键改成其他的。 F7 --由函数内部返回到调用处。 F8 --一直执行到下一个断点。 (4)Ctrl+Pg~ --对于XML文件是切换代码和图示窗口 (5)Ctrl+Alt+I --看Java文件中变量的相关信息 (6)Ctrl+PgUp --对于代码窗口是打开“Show List”下拉框,在此下拉框里显示有最近曾打开的文件 (7)Ctrl+/ --在代码窗口中是这种//~注释。(取消/添加)单行注释 Ctrl+Shift+/ --在代码窗口中是这种/*~*/注释,在JSP文件窗口中是〈!--~--〉。多行注释 Ctrl+Shift+\ - - 取消多行注释 (8)Alt

CSS Tooltip(提示工具)

≡放荡痞女 提交于 2021-02-14 02:31:55
CSS Tooltip(提示工具) 提示工具在鼠标移动到指定元素后触发,可以在四个方位显示:头部显示、右边显示、左边显示、底部显示 一、基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: /* Tooltip 容器 */ .tooltip { position : relative ; display : inline-block ; border-bottom : 1px dotted black ; /* 悬停元素上显示点线 */ } /* Tooltip 文本 */ .tooltip .tooltiptext { visibility : hidden ; width : 120px ; background-color : black ; color : #fff ; text-align : center ; padding : 5px 0 ; border-radius : 6px ; /* 定位 */ position : absolute ; z-index : 1 ; } /* 鼠标移动上去后显示提示框 */ .tooltip:hover .tooltiptext { visibility : visible ; } 实例解析 HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠标移动到 <div>

VBA Run Macro and Screen Tip (or Tool Tip) From Shape. I cannot get the code I found to work

不问归期 提交于 2021-02-11 13:38:41
问题 I am using custom buttons (shapes) as buttons and I would like to use this code that I found but I cant get it to work correctly and I dont know why. The goal is to add a screentip to the shape as well as a macro. Normally this doesnt work. Only one or the other will work but not both. --- Please do not ask me to insert Activex Controls. I am aware Mouse move events. I did try that way and it works but it is very glitchy.--- The attached method would be perfect if anyone can help me

How to dynamically apply a tooltip to part of an element's dynamic text content in Angular?

会有一股神秘感。 提交于 2021-02-11 09:45:01
问题 So I have this json file containing a dictionary. definitions.json { "word": "Some definition.", "an expression": "Some other definition." } And I have components throughout my app that may be similar to this. my.component.ts @Component({ selector: 'my', template: ` <h1>{{ someTitleText }}</h1> <p>{{ someText }}</p> ` }) export class MyComponent { @Input() someTitleText: string; @Input() myText: string; } I want to display a tooltip when the user will hover over a word that is present in the

Tooltip: position & full width (at the same time)

喜夏-厌秋 提交于 2021-02-10 20:12:13
问题 What CSS would force a tooltip:- to be positioned just above its reference text and to take up the full width of its reference text's container ...at the same time? By default, the length between the reference text's first and last characters are considered. How to make the reference text's most left and right edges to be considered the length for the absolutely positioned child element? .tooltip { width: 100%; margin: 0 auto; /* left: 0; */ /* right: 0; */ position: absolute; top: 0;

「GNU Emacs」- 界面设置 @20210210

試著忘記壹切 提交于 2021-02-10 09:58:51
问题描述 该笔记将记录:在 GNU Emacs 中,那些 常用的 、 整体的 、 较小的 界面设置,或者某些交互方式。比如,修改全局字体、关闭 Tooltip 功能、设置 yes-or-no 为 y-or-n 模式等等。 该笔记的子章节将记录:在 GNU Emacs 中,与界面相关的设置,包括 Frame、Window、Mode Line 等等方面的设置。 字体设置(Font configuration) 修改全局字体: 1)M-x customize-face RET default 2)修改 Font Family: 字段 设置备用字体(如果 A 字体没有字符,则到 B 字体中查找): 1)M-x customize-variable RET face-font-family-alternatives 2)已存在默认设置,如说明中的介绍,如果 FAMILY 没有找到,将使用 ALTERNATIVE1 ALTERNATIVE2 依此类推。 弹窗提示 在某些操作中,会弹窗提示用户进行选择,而我们希望可以直接在 Echo Area 中显示,并通过键盘操作完成,而不是鼠标点击操作,以提高效率(其实也没有提升多少)。 为解决该问题,在初始化脚本(比如 ~/.emacs 文件)中,加入如下配置即可: (setq use-dialog-box nil) ; 禁止显示“需要鼠标点击的”弹窗