0

HTMLページの背景となる画像があり、その上に吹き出しを重ねたいと思います。cssでバブルを作成する方法を理解し、その配置を設定しました。しかし、バブル(div要素)にどのようにデータを入力するかがわかりません。テキストメッセージがファイルに入力されます。文字列を取得してバブルに表示し、メッセージが届いたときにバブルの内容を更新する必要があります。何か考えはありますか?

4

2 に答える 2

0

バブルの 1 つに次のような DIV が含まれているとします。

<div id="bubble1">This is the text</div>

Javascript を使用して、テキスト コンテンツを簡単に変更できます。jQuery などの JS ライブラリを使用することをお勧めします。テキストを変更するコード例を次に示します。

<script>

$(document).ready(function()
{
  $('#bubble1').text('This is the changed text'); // to change the text
  $('#bubble1').html('This has <b>some</b> formatting'); // to change the html
});

</script>

次のような行で jQuery 自体を含めることを忘れないでください。

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

どこから文字列を取得しているのか理解できませんでした。お知らせいただければ、回答を更新できます。

jQuery に慣れていない場合は、こちらをご覧ください。

于 2013-02-03T10:05:16.287 に答える
0

これはあなたの質問に答えると思います: http://nicolasgallagher.com/pure-css-speech-bubbles/ これは css3 であるため、古いブラウザーでは問題が発生する可能性があることに注意してください。

于 2013-02-03T10:05:19.257 に答える