标签: tooltip

如何将工具提示添加到div

我有一个div标签如下:

<div>
  <label>Name</label>
  <input type="text"/>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我想要一个简单的javascript来显示工具提示:悬停div.有人可以帮帮我吗?工具提示还应具有淡入/淡出效果.

html javascript css tooltip

530
推荐指数
12
解决办法
65万
查看次数

在CSS中创建径向菜单

如何创建一个看起来像这样的菜单......

工具提示图片

链接到PSD

我不想使用PSD图像.我更喜欢使用像FontAwesome这样的包中的图标,并在CSS中生成背景/ css.

可以在此处找到使用PSD生成工具提示的图像然后使用它的菜单的版本.

css tooltip css3 css-shapes

319
推荐指数
3
解决办法
8万
查看次数

如何在HTML工具提示中使用回车符?

我现在正在向我们的网站添加详细的工具提示,我想(不必诉诸于一个whiz-bang jQuery插件,我知道有很多!)使用回车来格式化工具提示.

要添加提示,我正在使用该title属性.我查看了常用网站并使用以下基本模板:

<a title='Tool?Tip?On?New?Line'>link with tip</a>
Run Code Online (Sandbox Code Playgroud)

我试过更换?:

  • <br />
  • &013; / &#13;
  • \r\n
  • Environment.NewLine (我正在使用C#)

以上都不是.可能吗?

html tooltip title

316
推荐指数
19
解决办法
29万
查看次数

Button的工具提示

是否可以为html按钮创建工具提示.它是普通的HTML按钮,没有Title属性,因为它适用于某些html控件.有什么想法或意见吗?

html button tooltip

262
推荐指数
5
解决办法
29万
查看次数

点击即可更改Twitter Bootstrap Tooltip内容

我在一个锚元素上有一个工具提示,它在点击时发送一个AJAX请求.这个元素有一个工具提示(来自Twitter Bootstrap).我想要在AJAX请求成功返回时更改工具提示内容.如何在启动后操纵工具提示?

jquery tooltip twitter-bootstrap

217
推荐指数
11
解决办法
11万
查看次数

205
推荐指数
7
解决办法
21万
查看次数

HTML - 如何在激活省略号时显示工具提示

我的页面中包含省略号的动态数据.含义:

.my-class
{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;  
  width: 71px;
}
Run Code Online (Sandbox Code Playgroud)

并且我想添加具有相同内容的此元素工具提示(title ='$ {myData}')但我希望它仅在内容很长并且省略号出现在屏幕上时才会出现.
有什么办法吗?

一个方向 - 当浏览器(在我的情况下是IE)绘制省略号时 - 它会抛出一个关于它的事件吗?

html javascript css ellipsis tooltip

182
推荐指数
9
解决办法
12万
查看次数

显示有关鼠标悬停的数据

我有一组数据,我正在散点图中.当我将鼠标悬停在其中一个圆圈上时,我希望它能够弹出数据(如x,y值,或许更多).这是我尝试使用的:

vis.selectAll("circle")
   .data(datafiltered).enter().append("svg:circle")
   .attr("cx", function(d) { return x(d.x);})
   .attr("cy", function(d) {return y(d.y)})
   .attr("fill", "red").attr("r", 15)
   .on("mouseover", function() {
        d3.select(this).enter().append("text")
            .text(function(d) {return d.x;})
            .attr("x", function(d) {return x(d.x);})
            .attr("y", function (d) {return y(d.y);}); });
Run Code Online (Sandbox Code Playgroud)

我怀疑我需要提供更多信息才能输入什么数据?

mouseover tooltip d3.js

159
推荐指数
5
解决办法
22万
查看次数

C#:如何将ToolTip添加到控件?

我有一些控件,我想ToolTip在鼠标悬停在它上面时显示.我怎样才能做到这一点?我想知道如何在代码中正确地执行此操作,但也在设计器中(ToolTip在工具箱中有一个组件,但我不完全......得到它).

如果这是重复的话,我不会感到惊讶,但我只能找到更高级,特定场景的问题.我想知道基础知识.

c# tooltip winforms

152
推荐指数
4
解决办法
17万
查看次数

在工具提示中添加换行符

如何在HTML工具提示中添加换行符?

我尝试使用<br/>\n在工具提示中如下:

<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
Run Code Online (Sandbox Code Playgroud)

然而,这是无用的,我可以看到文字文本<br/>\n工具提示中.任何建议都会有所帮助.

html newline tooltip

152
推荐指数
11
解决办法
18万
查看次数