1

カーソルで動くテキスト（ヒント）を表示する方法を探しています。GWTまたはネイティブHTML5でそれを行う方法はありますか？

4

3 に答える 3

3

次のようなhtmlタグでHTMLタイトル属性を使用するだけです。

<p title="I'm giving you a hint!">text</p>
于 2012-12-03T04:25:17.753 に答える
2

ストレートCSSとHTMLを使用してツールチップを実行する機能があります（それが探している場合）。

リンキー。

以前にこれを使用したことを確認することはできませんが、コードは次のようになります。

HTML

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

CSS

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

これがjsFiddleで遊ぶことです。

于 2012-09-09T18:45:16.177 に答える
1

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-10T00:46:54.870 に答える