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