如果不使用工具提示插件等,有没有办法延长html元素的title属性显示的持续时间?

谢谢!

#1楼 票数:10 已采纳

不会。默认情况下,您看到的工具提示是浏览器的功能,无法通过页面标记进行控制。 您唯一的选择是某种形式的基于JavaScript的工具提示。

#2楼 票数:1

您是否希望延长工具提示显示在您自己的计算机或客户端计算机上的时间?

如果您要更改要显示的时间,那么您将使用javascript或一些奇特的CSS创建自己的工具提示。

我使用一个处理工具提示的jquery函数。 您将工具提示设置为在设定的时间后消失。

有很多选项可供选择。 谷歌搜索

在任何工具提示的结束事件中,可能是一个.mouseout(function(){事件的类型,你只需要改变看起来像

.mouseout(function(){
    //some code that gets rid of the tooltip, like my_tooltip.css({left:"-9999px"});
});

.mouseout(function(){
   setTimeout(function(){
     //some code that gets rid of the tooltip, like my_tooltip.css({left:"-9999px"});
   }), 1000); //<- one second
});    

#3楼 票数:0

不,它在浏览器之间有所不同。

#4楼 票数:0

您在这里提供的工具提示是依赖于浏览器的东西。 浏览器(或操作系统)定义此工具提示显示的时间长度。

除非您想要更改浏览器,并使用该浏览器版本为您的网站提供所有访问者,否则我建议您使用javascript解决方案来处理工具提示。

  ask by Dan Appleyard translate from so

未解决问题?本站智能推荐:

1回复

如何使HTML标题属性停留更长时间[重复]

这个问题已经在这里有了答案: 有没有办法让html元素的title属性显示更长的时间? 4个答案 我有一个巨大的HTML页面,该页面以电子邮件发送。 (这是由别人的代码生成的,并且结构不正确)要求是确保滚动页面时显示一些信息。 我浏览了工具提示,但在滚动时无法
2回复

更改工具提示动态生成的html元素的title属性

我有一个动态生成的HTML元素,其中包括一个title属性,该属性会在悬停时显示在工具提示中,例如: 我想使用设置为作为HTML渲染的一部分运行的javascript代码来更改title属性的内容。 目前,我的代码如下: 页面完全呈现后,此代码会将原始字符串保留在div的tit
3回复

在动态设置HTML标题属性后,您可以使它显示吗?

我需要能够显示出当用户将鼠标悬停在某个元素上时会显示为工具提示的内容,但是只有当用户将鼠标悬停在该元素上后,我才需要显示该文本,这会触发对服务器的ajax调用以获取文本显示,然后将其设置为元素的title属性。 由于当用户开始将鼠标悬停在元素上时没有标题属性,因此即使设置了标题也不会显示工
1回复

使用jquery或css更改用于工具提示的HTML元素的'title'属性的内容

我有以下html元素: 我需要将title属性值从'pinterest'更改为'contact us',当用鼠标悬停在上面的img上时,它会被用作工具提示。 我已经做了一些搜索,我相信它不能用CSS完成(除了可能使用:before或:after伪元素?),所以我现在尝试使用jQue
2回复

HTML标题属性显示在元素上方流动时流入的元素

我使用title属性以显示工具提示: 但是标题显示在元素中 我上次询问时被误解了,但要明确指出,“标题”没有显示在其余内容的上方,而是显示在实际按钮内。 这通常不是标题的工作方式。 编辑:我发现了问题,但是这小段代码并没有影响我的其他“标题工具提示”,那怎么可能呢?
1回复

如何在标题HTML中显示HTML

我需要将HTML表格显示为悬停某些文本时工具提示的一部分。 有什么方法可以使用HTML标记在的title属性内显示表格
10回复

是否可以格式化HTML工具提示(标题属性)? [重复]

这个问题在这里已有答案: 如何更改锚标记内title属性的样式? 10个答案 是否可以格式化HTML工具提示? 例如,我有一个属性title =“foo!”的DIV。 当我的浏览器文本大小放大或缩小时,工具提示的文本大小保持不变。 有没有办法使用浏览器设
2回复

SVG 矩形在鼠标悬停时显示 HTML 标题

我尝试在鼠标悬停矩形时显示工具提示。 我尝试使用<g>和一组title到它并设置一个title到<rect>本身,但不产生任何可见的输出(在Chrome)。 HTML JSFiddle 观察 感谢@Jacob Gray 的评论,问题仍然存在于 Chrome 上(F