0

私は何かを行う方法を調査し始めたところですが、調査しようとしているものの適切な名前が何であるか、jquery、または jquery と css の組み合わせで実行できるものがあるかどうかはわかりません。私が探しているのは、何かにカーソルを合わせたときの小さなポップアップに似たものです。ハイパーリンクにカーソルを合わせるのと同様に、完全なリンクが表示されます。しかし、それはダイアログ ボックスのように見えるものにスタイル設定され、ユーザーはダイアログ ボックスを表示するためにカーソルを合わせる代わりにそれをクリックする必要がありますが、何かの上にカーソルを置いた場合と同じように表示されます。この質問が明確で、考えすぎていないことを願っています。

4

6 に答える 6

2

必要に応じて、純粋な CSS でこれを行うことができます

DEMMO jsFiddle

#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
    margin-left:100px;
    padding:10px;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}
.alert {
  display: none;
}
span {
    display: line-block;
    position: absolute;
    left: 10px;
    top:45px;
}

span:focus ~ .alert {
  display: block;
}
于 2013-08-26T18:47:47.377 に答える
0

ツールチップのことですか？qTip http://craigsworks.com/projects/qtip/と呼ばれるこのプラグインをチェックしてください

于 2013-08-26T18:14:26.793 に答える
0

あなたが定義しようとしているものは「ツールチップ」と呼ばれていると思います。PowerTipを使用してツールチップを実装するのが好きです。jQuery に依存し、多くの便利なオプションがあり、簡単にスタイル設定されたツールチップを出力します。

于 2013-08-26T18:14:50.257 に答える