HTML5：在光标附近显示提示文字

我正在寻找一种显示随光标移动的文本（提示）的方法。有没有办法用GWT或原生HTML5做到这一点？HTML5：在光标附近显示提示文字

2012-09-09 Erik Sapir

有很多jQuery插件，但在本地的HTML没有这样的事情。我不知道GWT。 –

有直接CSS和HTML做工具提示（如果这就是你想要的）的能力。

我不能肯定我以前用过这个，但代码将是这样的：

HTML

<p>I <span data-tooltip=", really" class="tooltip">really</span> like pie.</p>

CSS

.tooltip:hover:after { content: attr(data-tooltip); }

Here's a jsFiddle to play with.

来源

2012-09-09 18:45:16 cereallarceny

在GWT中，创建一个CSS样式为“position：absolute”的标签。将一个MouseMoveHandler附加到它。在此处理程序中将标签的位置设置在光标旁边。当你希望它出现时，不要忘记将这个标签添加到你的视图中。

Label label = new Label("My hint that moves"); 
label.getElement().getStyle().setPosition(Position.ABSOLUTE); 

label.addMouseMoveHandler(new MouseMoveHandler() { 
    @Override 
    public void onMouseMove(MouseMoveEvent event) { 
     label.getElement().getStyle().setTop(event.getClientY(), Unit.PX); 
     label.getElement().getStyle().setLeft(event.getClientX(), Unit.PX); 
    } 
}

来源

2012-09-10 00:46:54

只需使用HTML 冠军属性在所有的HTML标签是这样的：

<p title="I'm giving you a hint!">text</p>

来源

2012-12-03 04:25:17 Sprok

HTML5：在光标附近显示提示文字

回答

相关问题